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

Please save this source code

Code edit (9 edits merged)

Please save this source code

User prompt

create a new function updateOverlayLayer that just sets overlayLayer as the last gameChild using addChildAt

Code edit (1 edits merged)

Please save this source code

User prompt

in playButterflyAnim, prepare the target Y before the tween call and rotate the butterfly in the direction of the move

Code edit (5 edits merged)

Please save this source code

User prompt

in Butterfly class, create a list of nice colors for butterflies and make tint random from this array

Code edit (1 edits merged)

Please save this source code

User prompt

in Butterfly class, setFrame or setTexture doesn't exists, use 4 assets graphics and show/hide them alternatively

User prompt

Please fix the bug: 'TypeError: butterflyGraphics.setTexture is not a function' in or related to this line: 'butterflyGraphics.setTexture(LK.getAsset(butterflyFrames[currentFrame], {}).texture);' Line Number: 87

===================================================================
--- original.js
+++ change.js
@@ -230,9 +230,9 @@
 	frontLayer.addChild(butterfly);
 	// Animate the butterfly to move from right to left
 	var targetY = 100 + Math.random() * 2500; // Prepare target Y before tween call
 	var direction = Math.atan2(targetY - butterfly.y, -50 - butterfly.x); // Calculate direction of movement
-	butterfly.rotation = direction; // Rotate butterfly in the direction of the move
+	butterfly.rotation = direction + Math.PI; // Rotate butterfly in the direction of the move
 	tween(butterfly, {
 		x: -50,
 		// Move off-screen to the left
 		y: targetY // Use prepared target Y