Upit | Learn about creating the game Clock Cascade with gen AI

Play

Clock Cascade

benjaminsen

ClockCascade

2.2K

9mo

Playit

Sync clocks, trigger epic chain reactions! Precision timing for ultimate challenge.

#puzzle

#chainreaction

#casualgame

#casual

#clocks

Creation History

User prompt

do not subtract 100 from the posY in addBottomTiles

User prompt

remove the additional bottomMargin in addBottomTiles

User prompt

When spacing in addBottomTiles, calculate the effect margin on the left and right and make sure the bottom margin is the same

User prompt

For bottom tiles, move the bottomTiles array declaration outside the method

User prompt

In tile, when type 1 move both cells up by half the height of a cell. Cell two should still be offset by the height of one cell.

User prompt

In tile, when type 0 move both cells to the left by half the width of a cell. Cell two should still be offset by the with of one cell.

User prompt

In tile, when type 0 move both cells to the left by half the width of a cell

User prompt

In tile, when type 0 move both cell x by -half the width of a cell

User prompt

when positioning cells in tile, make sure the cells as group is at the center of tile

User prompt

If tile is type 0, then the cells should be side by side, if type 1, they one should be above the other cell

User prompt

Ohh there is no type 2, make it type 1

Code edit (1 edits merged)

Please save this source code

User prompt

If tile is type 0, then the cells should be side by side, if type 2, they one should be above the other cell

User prompt

Tiles only have two types

User prompt

Inside tile, add two cell's either above each other or besides each other

User prompt

when calculating spacing in addBottomTiles make sure to factor in that tiles have their anchor at .5,.5

User prompt

in addBottomTiles use tileWidth and tileHeight not cellwidth

User prompt

in addBottomTiles use cellWidth and cellHeight

User prompt

don't assume the size of tiles are the same size as cells, create a separate measurement tile to get width and height

User prompt

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

User prompt

move addBottomTiles to the bottom of the game class

User prompt

remove the moveToEmptySpace method, we don't need it for this game

User prompt

Fix Bug: 'TypeError: undefined is not an object (evaluating 'self')' in this line: 'self.addBottomTiles = function () {' Line Number: 121

User prompt

Add 3 tiles to the bottom of the game, equally spaced but centered

User prompt

Add a new tile class

===================================================================
--- original.js
+++ change.js
@@ -224,9 +224,9 @@
 	});
 	self.addBottomTiles = function () {
 		var bottomTiles = [];
 		var numberOfTiles = 3;
-		var spacing = (2048 - (numberOfTiles * tileWidth + (numberOfTiles - 1) * gridSpacing)) / 2;
+		var spacing = (2048 - (numberOfTiles * tileWidth + (numberOfTiles - 1) * gridSpacing)) / 2 + tileWidth / 2;
 		for (var i = 0; i < numberOfTiles; i++) {
 			var tile = new Tile();
 			var posX = spacing + i * (tileWidth + gridSpacing);
 			var posY = 2732 - tileHeight / 2 - 100;

Showing 226 to 250 of 262

1 ...5 6 7 8 9 10 11

Images

Simple White square round corners. Vector. No details.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Hour hand. Vector. Simple
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Simple Awesome background for clock chain reaction game. Vector high contrast.

Most played remixes

Main