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

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

Code edit (5 edits merged)

Please save this source code

User prompt

when water reach end pipe and fontain appears, create ephemeral water drops (waterDrop asset) jumping in all directions from fontain center

Code edit (6 edits merged)

Please save this source code

User prompt

accelerate water speed during the anim

Code edit (1 edits merged)

Please save this source code

Code edit (4 edits merged)

Please save this source code

User prompt

fix `self.waterCorner.alpha = Math.min(Math.max(0, (progress - thirdSize) / thirdSize - 0.5), 1); // Animate alpha from 0 to 1` so that alpha goes from 0 to 1 when `(progress-thirdSize)/thirdSize` goes from 0.5 to 1

Code edit (11 edits merged)

Please save this source code

User prompt

in cornerPipe water anim, animate warterCorner alpha from 0 to 1

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

Code edit (2 edits merged)

Please save this source code

User prompt

let the fontain rotate indefinetly

Code edit (5 edits merged)

Please save this source code

User prompt

and make the fontain rotate

===================================================================
--- original.js
+++ change.js
@@ -287,13 +287,13 @@
 				var sizeValue = (LK.ticks - self.startFlowTicks) * self.flowSpeed;
 				if (sizeValue < self.maxWaterSize) {
 					self.fountain.width = sizeValue;
 					self.fountain.height = sizeValue;
-					self.fountain.rotation += 0.1; // Rotate the fountain indefinitely
 					self.fountain.visible = true;
 				} else {
 					self.flow = false;
 				}
+				self.fountain.rotation += 0.1; // Rotate the fountain indefinitely
 			} else if (self.water) {
 				// Regular pipe animation
 				var heightValue = (LK.ticks - self.startFlowTicks) * self.flowSpeed;
 				if (self.water.dir != '' && heightValue < self.maxWaterSize) {