Cocos Creator commercial game source project

Fill the buckets with color,
and finish a picture one grain at a time.

A 100-level colorful-sand merge puzzle built for reskinning, platform integration, and interactive traffic campaigns.

100 levelsCocos Creator 3.8.8TypeScriptPortrait

Pricing and promotions are shown in real time on the Weidian product page.

Sand art collection screen
Sand art merge gameplay
100sand pictures
to unlock

How one round works

Choose, merge, fill, collect

The rule set is easy to understand, while the picture gradually coming together gives players clear visual feedback.

01

Choose a sand bucket

Read the colors and positions, then select the next bucket from the tray.

02

Merge matching colors

Gather matching colors to free space and advance the picture.

03

Fill the sand art

Colorful sand gradually fills the board and reveals a pixel-art scene.

04

Unlock the collection

Finish the level and add another beach-themed picture to the album.

A complete project, not just a gameplay demo

A project foundation you can keep developing

Levels, tuning, core systems, and the level editor are already in one workflow for reskinning, expansion, and platform integration.

100levels and thumbnails
750×1334portrait design resolution
3.8.8Cocos Creator
XForge2project framework 1.0.0

A level editor that keeps the project growing

Not just reskinning.
Build new levels for your version.

Turn a custom image into editable sand-art level data, so future content updates do not require rebuilding the core gameplay.

01

Import an image

Use a custom image as the source for a new sand-art level.

02

Set grid and colors

Adjust grid size, colors, and the level number.

03

Generate bucket layouts

Create a matching bucket layout from color statistics.

04

Export level JSON

Export level data for continued use in the project.

Try the Level Editor The editor currently uses a Chinese interface. No sign-in is required to try it online.
Level Editor● ● ●
Export JSON
{ "lv": 1 }

Directions for further development

Reskin, expand, integrate, or use it as interactive content

01

Reskin and release

Replace the beach background, buckets, sand pictures, and sound to build your own art version.

02

Tune the puzzle

Adjust colors, capacities, layouts, merge rules, and item values to rebuild the difficulty curve.

03

Platform and ads

Configure your own AppID, ad slots, sharing assets, privacy setup, and target-platform SDK.

04

Interactive traffic

Use it in a website, app, or official account for acquisition, retention, or advertising experiments.

About commercial return: results depend on traffic cost, retention, ad setup, platform review, and operations. This project does not promise a fixed return.

Try it before deciding

Scan the mini-program code and play one round

See the pace, completion effect, and collection system before deciding whether it fits your project.

View the product on Weidian
Mini program experience codeScan with WeChat to try

Delivery and pre-purchase confirmation

Source delivery, then configure it for your platform

01

Project delivery

Cocos Creator project source, plus existing assets, 100-level data, and the level editor.

02

Launch preparation

The buyer completes target-platform testing, AppID and ad-slot setup, privacy compliance, asset checks, and platform review.

03

Support scope

Add XiaoHeng on WeChat before purchase to confirm the support scope and align expectations.

Questions before purchase

Make the important points clear first

Which version does the project use?

Cocos Creator 3.8.8, TypeScript, and XForge2 1.0.0.

How many levels are included?

The current project includes 100 levels and matching level thumbnails.

Can I reskin and add levels?

Yes. You can replace themed assets, tune values, and use the image-to-level editor to expand content.

Can it integrate ads or another platform?

It can be developed in that direction, but the buyer must complete AppID, ad, SDK, privacy, and review work for the target platform.

Does purchase guarantee revenue?

No. Results depend on traffic cost, retention, ad setup, platform review, and operations.

How do I confirm the support scope?

Add XiaoHeng on WeChat z6346289 before purchase and describe your target platform and needs.

Ready to start your version?

Check live pricing and
the complete product information

Buy on Weidian
Buy on Weidian