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

Play

Water Pipe Maze

abder

WaterPipeMaze

290

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

in Tile setType , attach all asset in the switch(type) to the pipeContainer

Code edit (14 edits merged)

Please save this source code

User prompt

in Tile, add a new pipeContainer property which is a cointainer

Code edit (1 edits merged)

Please save this source code

User prompt

make fountain sound fade out after 2sec

User prompt

play fontain sound only once when fountains is visible

User prompt

play fontain sound when fountains is visible

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

User prompt

tween(logo, {...}) does nothing. please fix

User prompt

easing: tween.bounceOut doesn't exists so fix that line properly

User prompt

in initMenuState, init the logo out of screen, then in handleMenuLoop animate its entrace with a bounce anim and finish the anim at logo.x = 2048 / 2; logo.y = 2732 / 2 - 50;

User prompt

in handleMenuLoop use tween plugin to animate logo entrance in a bump anim ↪💡 Consider importing and using the following plugins: @upit/tween.v1

Code edit (1 edits merged)

Please save this source code

User prompt

in initMenuState, move logo in middle layer

User prompt

Place it before the logo

User prompt

Add backgroundPlaying1 in menu state init too

User prompt

Play tileBlocked when player makes invalid move

User prompt

Play level when level solved

User prompt

Play tile slide when moving tile

User prompt

Please fix the bug: 'Timeout.tick error: Cannot read properties of undefined (reading 'includes')' in or related to this line: 'var baseTileAsset = type == 'start' || type == 'end' || puzzleManager && puzzleManager.levelConfigs && puzzleManager.levelConfigs[puzzleManager.currentLevel] && puzzleManager.levelConfigs[puzzleManager.currentLevel].fixedTiles.includes(x + ',' + y) ? 'baseTile' : 'baseMobileTile';' Line Number: 49

User prompt

Please fix the bug: 'Timeout.tick error: Cannot read properties of undefined (reading 'includes')' in or related to this line: 'var baseTileAsset = type == 'start' || type == 'end' || puzzleManager && puzzleManager.levelConfigs[puzzleManager.currentLevel].fixedTiles.includes(x + ',' + y) ? 'baseTile' : 'baseMobileTile';' Line Number: 49

Code edit (3 edits merged)

Please save this source code

User prompt

increment currentLevel when solved

===================================================================
--- original.js
+++ change.js
@@ -8,9 +8,8 @@
 ****/ 
 var Tile = Container.expand(function () {
 	var self = Container.call(this);
 	self.pipeContainer = new Container();
-	self.addChild(self.pipeContainer);
 	// Properties
 	self.type = 'empty';
 	self.baseTint = 0x8FBE00;
 	self.baseTintLight = 0x5ED000;
@@ -38,8 +37,9 @@
 			width: tileSize,
 			height: tileSize,
 			tint: 0xFFFFFF
 		});
+		self.addChild(self.pipeContainer);
 		self.width = tileSize;
 		self.height = tileSize;
 		switch (type) {
 			case 'start':