Upit | Learn about creating the game Water Pipe Maze with gen AI

Play

Water Pipe Maze

abder

WaterPipeMaze

288

2mo

Playit

Enter the captivating world of Water Pipe Maze! 🧩💧🌸 Take on the challenge of repairing intricate pipe circuits and ensure the water flows seamlessly to its destination, bringing a beautiful garden to life. With 20 mind-bending levels, each more challenging than the last, your task is to navigate through complex mazes, fix the pipes, and watch as the garden blooms with vibrant flowers. Are you ready to become a master of the maze and see the garden flourish under your skilled hands? 🚀

#puzzle

#sliding

#brainteaser

#UpitPuzzleContest

#maze

Creation History

Code edit (5 edits merged)

Please save this source code

User prompt

change the sin anim by something more linear

Code edit (1 edits merged)

Please save this source code

User prompt

change alpha animation by a tint animation from black to white

Code edit (12 edits merged)

Please save this source code

User prompt

add an update function in Tint class. if self.water1 and self.water2 aren't null, animate their alpha with sin function

Code edit (1 edits merged)

Please save this source code

Code edit (19 edits merged)

Please save this source code

User prompt

in Tile.setType, use baseMobileTile instead of baseTile for types straightPipeH, straightPipeV and cornerPipe

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Uncaught TypeError: Cannot set properties of undefined (setting 'width')' in or related to this line: 'self.baseTile.width = tileSize;' Line Number: 96

Code edit (1 edits merged)

Please save this source code

User prompt

even a junior dev won't fix a bug by doing ``` self.width = self.width; self.height = self.height; ``` Please take it seriouly

User prompt

please ensure that

User prompt

Please fix the bug: 'Uncaught TypeError: self.attachAsset(...).then is not a function' in or related to this line: 'var baseTile = self.attachAsset('baseTile', {' Line Number: 31

User prompt

`log('Tile index:', x, y, 'Tile position:', self.x, self.y, 'Tile dimensions:', self.width, self.height, ' Tile size:', tileSize);` log : "Tile index: 0 0 Tile position: 84 426 Tile dimensions: 0 0 Tile size: 400" Explain why self.width, self.height are logged 0 and 0; althrough the 2 lines before are self.width = tileSize; self.height = tileSize;

Code edit (3 edits merged)

Please save this source code

User prompt

did not fix : Tile index: 0 0 Tile position: 84 426 Tile dimensions: 0 0 Tile size: 400

User prompt

I don't understand why this log: Tile index: 0 0 Tile position: 84 426 Tile dimensions: 0 0 Tile size: 400 I added : self.width = tileSize; self.height = tileSize; but it returns to 0

Code edit (1 edits merged)

Please save this source code

User prompt

I see in the logs for example... Tile index: 0 0 Tile position: 84 426 Tile dimensions: 0 0 => add a new global for tile size, and use it

User prompt

in log('Tile index:', x, y, 'Tile position:', self.x, self.y); log also w & h

User prompt

log gridBord dimensions and location

===================================================================
--- original.js
+++ change.js
@@ -27,10 +27,10 @@
 				self.attachAsset('startTile', {
 					anchorX: 0.5,
 					anchorY: 0.5
 				});
-				self.width = tileSize;
-				self.height = tileSize;
+				self.width = self.width;
+				self.height = self.height;
 				break;
 			case 'end':
 				self.attachAsset('endTile', {
 					anchorX: 0.5,
@@ -78,10 +78,10 @@
 		self.position.x = x;
 		self.position.y = y;
 		self.x = x * tileSize + gridBoard.x - gridBoard.width / 2 + self.width / 2;
 		self.y = y * tileSize + gridBoard.y - gridBoard.height / 2 + self.height / 2;
-		self.width = tileSize;
-		self.height = tileSize;
+		self.width = self.width;
+		self.height = self.height;
 		log('Tile index:', x, y, 'Tile position:', self.x, self.y, 'Tile dimensions:', self.width, self.height, ' Tile size:', tileSize);
 	};
 	return self;
 });