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

Play

Water Pipe Maze

abder

WaterPipeMaze

289

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

User prompt

Please fix the bug: 'TypeError: gridBoard.hideMessage is not a function' in or related to this line: 'gridBoard.hideMessage();' Line Number: 493

User prompt

Please fix the bug: 'TypeError: gridBoard.hideMessage is not a function' in or related to this line: 'gridBoard.hideMessage();' Line Number: 494

User prompt

Please fix the bug: 'TypeError: gridBoard.hideMessage is not a function' in or related to this line: 'gridBoard.hideMessage();' Line Number: 493

User prompt

Please fix the bug: 'Uncaught ReferenceError: GridBoard is not defined' in or related to this line: 'gridBoard = new GridBoard();' Line Number: 439

Code edit (3 edits merged)

Please save this source code

User prompt

add random ease make drops move

Code edit (6 edits merged)

Please save this source code

User prompt

make waterdrops initial tint random from the rainbow colors

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'TypeError: Cannot read properties of undefined (reading 'x')' in or related to this line: 'waterDrop.x = self.x;' Line Number: 834

Code edit (2 edits merged)

Please save this source code

User prompt

move the anonymous function of waterDropInterval in a global function

Code edit (1 edits merged)

Please save this source code

User prompt

also animate water drops size from w=5 to w=15 and h=10 to h=30

User prompt

also animate water drops size from 50 to 150%

Code edit (1 edits merged)

Please save this source code

User prompt

animate waterdrops color between rancom white to blue tints

User prompt

animate waterdrops color between different blue tints

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'ReferenceError: MAth is not defined' in or related to this line: 'self.rotation = Math.atan2(self.vy, self.vx) + MAth.PI * 0.5;' Line Number: 416

Code edit (2 edits merged)

Please save this source code

User prompt

rotate water drops in the direction of their movement

Code edit (1 edits merged)

Please save this source code

User prompt

create a global variable to store waterdrop anim interval; then call the ephemeral water drops creation in an interval every 2 sec

User prompt

for waterDrops, create a dedicated class then create a global array to reuse the object instead of destroying them

===================================================================
--- original.js
+++ change.js
@@ -389,15 +389,16 @@
 	});
 	self.vx = 0;
 	self.vy = 0;
 	self.life = 0;
+	self.alpha = 0.75;
 	self.update = function () {
 		self.x += self.vx;
 		self.y += self.vy;
 		self.rotation = Math.atan2(self.vy, self.vx) + Math.PI * 0.45;
 		// Animate color between random white to blue tints
 		var randomTint = Math.random() * 0x00FFFF + 0xFFFFFF;
-		waterDropGraphics.tint = randomTint;
+		//waterDropGraphics.tint = randomTint;
 		// Animate size from w=5 to w=15 and h=10 to h=30
 		var sizeProgress = (120 - self.life) / 120; // Assuming life starts at 120
 		waterDropGraphics.width = 5 + sizeProgress * 10;
 		waterDropGraphics.height = 10 + sizeProgress * 20;