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 (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

User prompt

For the end tile, for the water animation use the fountain asset and make grow w & h

Code edit (1 edits merged)

Please save this source code

Code edit (6 edits merged)

Please save this source code

User prompt

For start pipe, in update, instead of a water w/h anim, make the valve rotate

Code edit (1 edits merged)

Please save this source code

Code edit (5 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'type')' in or related to this line: 'log('Flowing through pipe at:', key, 'Tile type:', tile.type);' Line Number: 510

User prompt

add log in flowThroughPipe

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Uncaught ReferenceError: _slicedToArray is not defined' in or related to this line: 'var _pos$split$map = pos.split(',').map(Number),' Line Number: 283

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Uncaught TypeError: setInterval is not a function' in or related to this line: 'var checkFlowInterval = setInterval(function () {' Line Number: 628

User prompt

in animateWaterFlow, set flow to true in start tile and wait until flow returns to false; then do same for the next tile until the end pipe tile.

User prompt

When puzzle is solved we will run an animation to simulate water flowing from start pipe to end pipe. Add a new function for flow animation; call it when puzzle is solved;

User prompt

prevent moves when !isPlaying

===================================================================
--- original.js
+++ change.js
@@ -606,9 +606,9 @@
 			}
 			// Enable water flow for this tile
 			tile.flow = true;
 			// Wait until flow is false
-			var checkFlowInterval = setInterval(function () {
+			var checkFlowInterval = LK.setInterval(function () {
 				if (!tile.flow) {
 					clearInterval(checkFlowInterval);
 					// Calculate next positions based on tile type and rotation
 					var nextPositions = [];