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

Play

Water Pipe Maze

abder

WaterPipeMaze

285

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 (1 edits merged)

Please save this source code

User prompt

I see no logs, meaning updatePosition isn't called

User prompt

log tiles indexes and positions using log()

Code edit (1 edits merged)

Please save this source code

User prompt

add a global log() function that makes console.debug if global debug is true

User prompt

add a global 'debug' variable

User prompt

take into account board size and tiles size

User prompt

add an offset to Tiles position corresponding to the board offset

User prompt

place tiles properly on the board grid is 4x4 each tile is 400x400

User prompt

in tile class, add a new baseTile property asset before the typed assets

User prompt

board should come before the tiles

User prompt

add the gridBoard to the game : place it at the center. it should be 2000x2000

Initial prompt

Water Pipe Maze

===================================================================
--- original.js
+++ change.js
@@ -53,10 +53,10 @@
 	// Method to update the tile's position
 	self.updatePosition = function (x, y) {
 		self.position.x = x;
 		self.position.y = y;
-		self.x = x * 128; // Assuming each tile is 128x128 pixels
-		self.y = y * 128;
+		self.x = x * 128 + gridBoard.x - gridBoard.width / 2; // Add offset of the board
+		self.y = y * 128 + gridBoard.y - gridBoard.height / 2; // Add offset of the board
 	};
 	return self;
 });