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

Play

game-community-background

Water Pipe Maze

a

game-pic

290

7

2mo

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 cleanPlayingState, reset elements of the animateSoil animation , ie: set gridBoardSoil not visible and alpha 0; hide grosGrass, etc

Code edit (5 edits merged)

Please save this source code

User prompt

Then in animateSoil, animate all tiles baseTile alpha from 1 to 0

User prompt

Please fix the bug: 'Uncaught ReferenceError: baseTileAsset is not defined' in or related to this line: 'self.baseTile = self.attachAsset(baseTileAsset, {' Line Number: 54

User prompt

in Tile class, replace var baseTileAsset by self.var baseTileAsset. Then in animateSoil, animate all tiles baseTileAssets alpha from 1 to 0

User prompt

in cleanPlayingState, remove remaining waterdrops if any

User prompt

in cleanPlayingState; stop waterdrops anims if any

User prompt

after LK.clearInterval(grassAnimation);; wait 2 sec then switch to next level (cleanPlayingState() , then initNewRoundState())

Code edit (7 edits merged)

Please save this source code

User prompt

after LK.clearInterval(soilAnimation); create a growGrass asset in backgroundLayer, animate its 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 (8 edits merged)

Please save this source code

User prompt

in initNewRoundState, create a backgroundPlaying1 in backgroundLayer

User prompt

in initializeGame Init and Add backgroundLayer (empty cointainer)

Code edit (8 edits merged)

Please save this source code

User prompt

in animateSoil, make gridBoardSoil visible and animate its 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

User prompt

in initNewRound show the grisboard and hide the logo

Code edit (5 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Uncaught ReferenceError: logo is not defined' in or related to this line: 'if (logo && currentState === GAME_STATE.MENU) {' Line Number: 1095

User prompt

move it 50px down

User prompt

move logo 100px down

User prompt

make logo 1480x1480 and remove it when changing state

===================================================================
--- original.js
+++ change.js
@@ -19,9 +19,9 @@
 	self.rotation = 0;
 	// Methods
 	self.setType = function (type, x, y) {
 		self.type = type;
-		var baseTileAsset = type == 'start' || type == 'end' || puzzleManager && puzzleManager.levelConfigs[puzzleManager.currentLevel].fixedTiles.includes(x + ',' + y) ? 'baseTile' : 'baseMobileTile';
+		self.baseTileAsset = type == 'start' || type == 'end' || puzzleManager && puzzleManager.levelConfigs[puzzleManager.currentLevel].fixedTiles.includes(x + ',' + y) ? 'baseTile' : 'baseMobileTile';
 		if (type == 'empty') {
 			return;
 		}
 		// Attach baseTile asset
@@ -1017,8 +1017,16 @@
 	var soilAnimation = LK.setInterval(function () {
 		if (gridBoardSoil.alpha < 1) {
 			gridBoardSoil.alpha += alphaIncrement;
 		} else {
+			// Animate all tiles baseTileAssets alpha from 1 to 0
+			puzzleManager.grid.forEach(function (row) {
+				row.forEach(function (tile) {
+					if (tile.baseTile) {
+						tile.baseTile.alpha = Math.max(0, tile.baseTile.alpha - alphaIncrement);
+					}
+				});
+			});
 			LK.clearInterval(soilAnimation);
 			growGrass.visible = true;
 			// Animate growGrass alpha from 0 to 1
 			var grassAnimation = LK.setInterval(function () {

Showing 1026 to 1050 of 1504

1 ...40 41 42 43 44 ...61

Sounds & Music

tileSlide

Sound effect

levelWon

Sound effect

tileBlocked

Sound effect

fountain

Sound effect

waterInPipe

Sound effect

bgMusic

Music

logoBounce

Sound effect

levelStart

Sound effect

bgMusic2

Music

flowerPop

Sound effect

roundResult

Sound effect

gameWon

Sound effect

resetSound

Sound effect

birds

Sound effect

birds2

Sound effect

birds3

Sound effect

Main