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

Play

Block Puzzle

benjaminsen

BlockPuzzle

11K

11mo

Playit

Block puzzle game

#puzzle

#brainteaser

#blockgame

#strategy

#casualgaming

Creation History

Code edit (1 edits merged)

Please save this source code

User prompt

In don't use the blocks position, simply compare board.grid and block.shape to see if a block with the given shape fits anywhere on board.grid

Code edit (7 edits merged)

Please save this source code

User prompt

self.isMovePossible does not seem to work correctly, do not use getOverlappingCells

User prompt

Add a method to game that detects if any move is possible. E.g. if any of the current blocks can currently be dropped anywhere on the board

Code edit (1 edits merged)

Please save this source code

User prompt

Update the colors to still be a rainbow but with more saturation and more saturated

Code edit (1 edits merged)

Please save this source code

User prompt

Fix Bug: 'TypeError: self.checkLines is not a function. (In 'self.checkLines()', 'self.checkLines' is undefined)' in this line: 'self.checkLines();' Line Number: 201

Code edit (10 edits merged)

Please save this source code

User prompt

Add board code that detects if a row or column has all cells filled

Code edit (1 edits merged)

Please save this source code

User prompt

After calling dragTarget.destroy, call self.createBlocks if blocks contain no blocks

Code edit (1 edits merged)

Please save this source code

User prompt

Fix Bug: 'TypeError: dragTarget.destory is not a function. (In 'dragTarget.destory()', 'dragTarget.destory' is undefined)' in this line: 'dragTarget.destory();' Line Number: 188

Code edit (14 edits merged)

Please save this source code

User prompt

Add a colors array to block, which has 10 colors matching the full rainbow. Pastel colors

Code edit (2 edits merged)

Please save this source code

User prompt

Add a new cell class that can have two state, filled and not filled.

Code edit (1 edits merged)

Please save this source code

User prompt

Write the moveTowardsHomePosition method that moves the blocks toward their starting position

Code edit (4 edits merged)

Please save this source code

User prompt

Write the code in moveHome on block that animates the block back to it's starting position

Code edit (17 edits merged)

Please save this source code

User prompt

When you stop dragging a tile return it to it's start position

===================================================================
--- original.js
+++ change.js
@@ -197,9 +197,9 @@
 				dragTarget.destroy();
 				if (!blocks.some(block => block)) {
 					self.createBlocks();
 				}
-				self.checkLines();
+				board.checkLines();
 			}
 			dragTarget = undefined;
 		}
 	});

Showing 76 to 100 of 219

1 2 3 4 5 6 7 8 9

Images

White square with round corners, flat shaded, hyper casual game.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

White square with tight round corners, flat shaded, hyper casual game. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Background for relaxing puzzle game. Pastel colors, flat shaded, vector art. Flowers. Blocks. Relaxing. Clouds
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

White particle cloud. Cartoon. Bright outline. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Most played remixes

Main