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

Please save this source code

User prompt

add a new global tapOffset = 50; Then In selectTile, only when no tile is found, search again nearby tiles by using the tapOffset around the actual x,y

Code edit (2 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Uncaught ReferenceError: dx is not defined' in or related to this line: 'log("Move at ", x, y, " => dx,dy: ", dx, dy);' Line Number: 1911

Code edit (1 edits merged)

Please save this source code

User prompt

children found difficulty to move tiles: sometimes they want to go up or down and the tile goes left or right and vice versa, make movement detection easier,

User prompt

take into account boardOffsetX and boardOffsetY in selectTile

Code edit (13 edits merged)

Please save this source code

User prompt

now make tiles move more fluid, you cas use tween plugin ↪💡 Consider importing and using the following plugins: @upit/tween.v1

Code edit (1 edits merged)

Please save this source code

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 '0')' in or related to this line: 'if (self.grid[row] && self.grid[row][col]) {' Line Number: 612

User prompt

Please fix the bug: 'Uncaught TypeError: Cannot read properties of undefined (reading '0')' in or related to this line: 'var normalizedIncoming = getFlowDirection(self.grid[row][col], incomingDirection);' Line Number: 612

Code edit (3 edits merged)

Please save this source code

User prompt

Please fix the bug: 'requestAnimationFrame is not a function' in or related to this line: 'requestAnimationFrame(animate);' Line Number: 1683

User prompt

Please fix the bug: 'Unable to load plugin: @upit/tween.v1' in or related to this line: 'var tween = LK.import("@upit/tween.v1");' Line Number: 34

User prompt

Please fix the bug: 'tween is not defined' in or related to this line: 'tween(logo, {' Line Number: 1662 ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

Please fix the bug: 'Unable to load plugin: @upit/tween.v1' in or related to this line: 'var tween = LK.import("@upit/tween.v1");' Line Number: 34

Code edit (6 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Uncaught TypeError: self.getFlowDirection is not a function' in or related to this line: 'var normalizedIncoming = self.getFlowDirection(self, incomingDirection);' Line Number: 614

Code edit (1 edits merged)

Please save this source code

Code edit (3 edits merged)

Please save this source code

User prompt

in getFlowDirection, log type, rotation , normalized rotation and returned direction

Code edit (2 edits merged)

Please save this source code

===================================================================
--- original.js
+++ change.js
@@ -1503,9 +1503,9 @@
 var isMouseDown = false;
 var startX = 0;
 var startY = 0;
 var selectedTile = null;
-var dragThreshold = 5; // Lower threshold for easier movement detection
+var dragThreshold = 100; // Lower threshold for easier movement detection
 var tapOffset = 50; // Offset for searching nearby tiles when no tile is found
 var levelText;
 var waterDrops = [];
 var waterDropInterval;