Upit | Learn about creating the game 3072 Puzzle with gen AI

Play

1mo

A unique twist on the classic 2048 puzzle! Merge tiles with multiples of 3 by sliding them in four directions to reach the ultimate 3072 tile. Enjoy smooth animations, vibrant tile colors, and intuitive WASD or arrow key controls. Challenge your strategy and reflexes in this addictive number-merging game!

#puzzlegame

#slidingtiles

#mergegame

#3072challenge

#brainteaser

Creation History

User prompt

Display the current score and the highest tile achieved after every move in a clear and readable format.

User prompt

After each valid move, spawn a new tile with a value of either 3 or 6 at a random empty position on the grid.

User prompt

Update the merge logic to ensure tiles merge only if their values are exactly the same. Tiles with different values should never merge.

User prompt

In addition to the existing game rules, ensure the merging logic correctly checks and performs addition only when two tiles have the exact same value. Specifically: Tiles should merge only if their values are equal. When merged, the resulting tile's value must be the sum of the two tiles. Prevent any merges of tiles with different values (e.g., 3 and 6 should NOT merge). Include clear validation in the code to avoid incorrect merges or unexpected results.

Code edit (1 edits merged)

Please save this source code

User prompt

Threes Merge: 3072 Puzzle

Initial prompt

Create a grid-based sliding puzzle game inspired by 2048, but instead of powers of 2, the tiles should be multiples of 3 (e.g., 3, 6, 12, 24, 48, etc.). The rules should be: Start with a 4x4 grid containing two tiles with values of 3 or 6. When two tiles with the same value are combined, they merge into one tile whose value is the sum (e.g., 6 + 6 = 12). After each move (up/down/left/right), a new tile (3 or 6) spawns in an empty cell. The game ends when there are no valid moves left. The goal is to reach a tile with the value 3072 (instead of 2048). Add the following features: Keyboard controls for movement (WASD or arrows) Display the grid and current score after every move Optional: track and show the highest tile reached Keep the code clean and easy to convert to GUI later (e.g., Unity, WinForms, or web)

/****
* Initialize Game
****/
var game = new LK.Game({
	backgroundColor: 0x000000
});

/****
* Initialize Game
****/
var game = new LK.Game({
	backgroundColor: 0x000000
});

Showing 26 to 32 of 32

1 2

Images

Design a subtle, minimalistic background for the game.

Use a soft pastel or muted gradient (e.g., light beige, soft gray, or pale blue).

Avoid patterns or distractions — the focus should remain on the tiles.

The background should give a calm, clean feeling and enhance the overall aesthetic without drawing attention..
In-Game asset. 2d. High contrast. No shadows

Prompt: Create a Dark Brown Hollow-Style Background
Design a sleek and minimal background using a dark brown color (such as chocolate or espresso tones).

Use a hollow or framed appearance — not a solid fill — to keep the center light and uncluttered.

The central area should feel open, possibly with a slight transparency or soft inner shadow.

The darker brown edges should add contrast and warmth without overpowering the game tiles..
In-Game asset. 2d. High contrast. No shadows

Design a background similar to the original 2048 game.

Use a warm, soft beige or light brown tone as the main background.

Include a grid layout with rounded square slots where tiles appear.

Each slot should have a slightly darker shade than the background to show the empty grid clearly.

Keep the overall design minimal, clean, and visually balanced..
In-Game asset. 2d. High contrast. No shadows

Sounds & Music

🎵

mergeSfx

Sound effect

Used plugins

@upit/tween