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

Play

game-community-background

Water Pipe Maze

a

game-pic

288

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

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

User prompt

add an isPlaying global defaulting to true; set it to false when level is solved

User prompt

Please fix the bug: 'Uncaught TypeError: Set is not a constructor' in or related to this line: 'var visited = new Set();' Line Number: 438

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'currentLevel')' in or related to this line: 'levelText = new Text2('Level: ' + puzzleManager.currentLevel, {' Line Number: 726

User prompt

Please fix the bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'setText')' in or related to this line: 'levelText.setText('Level: ' + self.currentLevel + ' Solved!');' Line Number: 592

User prompt

Please fix the bug: 'Uncaught ReferenceError: levelText is not defined' in or related to this line: 'levelText.setText('Level: ' + self.currentLevel + ' Solved!');' Line Number: 592

User prompt

Please fix the bug: 'Uncaught TypeError: Set is not a constructor' in or related to this line: 'var visited = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new Set();' Line Number: 608

User prompt

Please fix the bug: 'Uncaught TypeError: Set is not a constructor' in or related to this line: 'var visited = new Set();' Line Number: 424

User prompt

implement checkWinCondition

User prompt

ok, now after each player move, check if puzzle is solved. if so add "Solved !" in levelText

User prompt

add a text under the board to show current level number

Code edit (14 edits merged)

Please save this source code

User prompt

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

User prompt

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

User prompt

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

===================================================================
--- original.js
+++ change.js
@@ -488,26 +488,61 @@
 		self.flowThroughPipe(startX, startY, []);
 	};
 	self.flowThroughPipe = function (x, y, visited) {
 		var key = x + ',' + y;
-		var tile = self.grid[x][y];
-		log('Flowing through pipe at:', key, 'Tile type:', tile.type);
 		if (visited.includes(key)) {
+			log('Already visited tile at', x, y);
 			return;
 		}
 		visited.push(key);
 		var tile = self.grid[x][y];
 		if (!tile || tile.type === 'empty') {
+			log('Invalid or empty tile at', x, y);
 			return;
 		}
-		// Enable flow for current tile
+		log('Flowing through tile:', tile.type, 'at position:', x, y);
+		// Enable flow for current tile and set water direction
 		tile.flow = true;
+		if (tile.water) {
+			tile.water.visible = true;
+			// Set water direction based on tile type
+			switch (tile.type) {
+				case 'start':
+				case 'straightPipeV':
+					tile.water.dir = 'tb';
+					break;
+				case 'straightPipeH':
+					tile.water.dir = 'lr';
+					break;
+				case 'cornerPipe':
+					// Set direction based on rotation
+					if (tile.rotation === Math.PI * 0.5) {
+						tile.water.dir = 'tr'; // top to right
+					}
+					// Add other rotation cases here
+					break;
+				case 'crossPipe':
+					// Set direction based on where water came from
+					if (self.grid[x][y - 1] && self.grid[x][y - 1].flow) {
+						tile.water.dir = 'tb';
+					} else if (self.grid[x - 1][y] && self.grid[x - 1][y].flow) {
+						tile.water.dir = 'lr';
+					}
+					break;
+			}
+			log('Set water direction for tile at', x, y, 'to:', tile.water.dir);
+		} else {
+			log('Warning: No water asset found for tile at', x, y);
+		}
 		// Wait for flow animation to complete before moving to next tile
 		LK.setTimeout(function () {
 			// Get next tile position based on current tile type
 			var nextPos = self.getNextPosition(x, y, tile);
 			if (nextPos) {
+				log('Moving to next tile at:', nextPos[0], nextPos[1]);
 				self.flowThroughPipe(nextPos[0], nextPos[1], visited);
+			} else {
+				log('No next position found for tile at', x, y);
 			}
 		}, 500); // Wait 500ms before flowing to next tile
 	};
 	self.getNextPosition = function (x, y, tile) {

Showing 1326 to 1350 of 1549

1 ...52 53 54 55 56 ...62

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