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

Play

Water Pipe Maze

abder

WaterPipeMaze

292

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

in Flower class, make assetId random from 1 to maxIndex (keep prefix 'flower')

Code edit (5 edits merged)

Please save this source code

User prompt

when spawning flowers, store them in flowers global array; then in puzzleManager reset remove them all

Code edit (2 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Timeout.tick error: currentLevel is not defined' in or related to this line: 'var flower = new Flower(currentLevel, x, y);' Line Number: 1682

User prompt

When Spawn a Flower in each grid cell, don't only spawn in cells with tiles but in all cells by sending grid cell's x,y; not tile's x,y

Code edit (9 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Timeout.tick error: LK.assetExists is not a function' in or related to this line: 'if (!LK.assetExists(assetId)) {' Line Number: 44

User prompt

in grassAnimation, spawn a Flower in a each grid cell

User prompt

create a Flower class that takes an index and x,y and then spawns a `"flower"+index` asset if it exists else "flower1"

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Timeout.tick error: this.startWaterFlow is not a function' in or related to this line: 'this.startWaterFlow();' Line Number: 1440

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

===================================================================
--- original.js
+++ change.js
@@ -8,9 +8,9 @@
 ****/ 
 var Flower = Container.expand(function (maxIndex, x, y) {
 	var self = Container.call(this);
 	var positionOffset = 100;
-	var assetId = 'flower' + maxIndex;
+	var assetId = 'flower' + Math.floor(Math.random() * maxIndex + 1);
 	var flowerGraphics = self.attachAsset(assetId, {
 		anchorX: 0.5,
 		anchorY: 0.5,
 		x: x,