Upit | Learn about creating the game Hexanil with gen AI

Play

game-community-background

user photo

game-pic

916

12

2mo

Hexanil is a captivating puzzle game where you turn numbered hexagonal tiles to zero. Use drag-and-drop operations to create chain reactions across a hexagonal grid. Each move counts, so plan strategically with limited operations. Reset the grid anytime if you need a fresh start. Clear all tiles to zero and advance to new, more challenging levels. Dive into Hexanil for a satisfying blend of logic and strategy! 🎮

#puzzle

#math

#strategy

#brainteaser

#logic

#UpitPuzzleContest

Creation History

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'x')' in or related to this line: 'valueTextShadow.anchor.set(0.5, 0.5);' Line Number: 46

Code edit (24 edits merged)

Please save this source code

Code edit (6 edits merged)

Please save this source code

User prompt

use gradientBackground as a background (create a backgroundImage class and use the asset; create a backgroundImage global; initialze the backgroundImage global in initialzeFunction and add it backgroundLayer)

Code edit (5 edits merged)

Please save this source code

User prompt

add levelBoardOffsetX and levelBoardOffsetY properties in PuzzleManager

Code edit (1 edits merged)

Please save this source code

User prompt

pass levelBoardOffsetX and levelBoardOffsetY to HexTile constructor

User prompt

in HexTile, use levelBoardOffsetX, levelBoardOffsetY parameters to offset graphics

User prompt

in HexTile, add new parameters levelBoardOffsetX, levelBoardOffsetY and use them to offset graphics

Code edit (8 edits merged)

Please save this source code

Code edit (25 edits merged)

Please save this source code

Code edit (14 edits merged)

Please save this source code

User prompt

remove usesText asset and its references

Code edit (6 edits merged)

Please save this source code

User prompt

Please fix the bug: 'tileSize is not defined' in or related to this line: 'var valueText = new Text2(self.type.toString(), {' Line Number: 103

User prompt

Please fix the bug: 'tileGraphics is not defined' in or related to this line: 'valueText.x = tileGraphics.x;' Line Number: 109

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'x')' in or related to this line: 'valueText.x = self.tileGraphics.x;' Line Number: 80

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'x')' in or related to this line: 'valueText.x = self.tileGraphics.x;' Line Number: 80

User prompt

Please fix the bug: 'tileGraphics is not defined' in or related to this line: 'valueText.x = tileGraphics.x;' Line Number: 109

User prompt

Please fix the bug: 'tileSize is not defined' in or related to this line: 'var valueText = new Text2(self.type.toString(), {' Line Number: 103

User prompt

Please fix the bug: 'tileGraphics is not defined' in or related to this line: 'valueText.x = tileGraphics.x;' Line Number: 109

Code edit (8 edits merged)

Please save this source code

User prompt

make operation buttons draggable

User prompt

in playing state handlers, make operation buttons draggable

===================================================================
--- original.js
+++ change.js
@@ -60,19 +60,19 @@
 	valueTextShadow.anchor.set(0.5, 0.5);
 	valueTextShadow.alpha = 0.1;
 	valueTextShadow.x = tileGraphics.x + 12;
 	valueTextShadow.y = tileGraphics.y - tileSize * 0.01 + 12;
-	self.addChild(valueTextShadow);
+	self.valueTextShadow = self.addChild(valueTextShadow);
 	// Value Text
-	valueText = new Text2(self.value.toString(), {
+	var valueText = new Text2(self.value.toString(), {
 		size: tileSize * 0.5,
 		fill: 0xEAEEE8,
 		dropShadow: false
 	});
 	valueText.anchor.set(0.5, 0.5);
 	valueText.x = tileGraphics.x;
 	valueText.y = tileGraphics.y - tileSize * 0.01;
-	self.addChild(valueText);
+	self.valueText = self.addChild(valueText);
 	// Functions
 	self.playOperationEffect = function () {
 		// Play operation animation
 	};
@@ -90,8 +90,18 @@
 		anchorY: 0.5,
 		x: 0,
 		y: 0
 	});
+	// Value Text
+	var valueText = new Text2(self.type.toString(), {
+		size: tileSize * 0.5,
+		fill: 0xEAEEE8,
+		dropShadow: false
+	});
+	valueText.anchor.set(0.5, 0.5);
+	valueText.x = tileGraphics.x;
+	valueText.y = tileGraphics.y - tileSize * 0.01;
+	self.valueText = self.addChild(valueText);
 	// Functions
 	return self;
 });
 // StartButton class to represent the start button
@@ -170,10 +180,10 @@
 		for (var i = 0; i < self.levelData.operations.length; i++) {
 			var opData = self.levelData.operations[i];
 			var operation = new OperationButton(opData.type, opData.uses);
 			self.operations.push(operation);
-			operation.x = centerX + (i - (self.levelData.operations.length - 1) / 2) * 120; // Space buttons evenly
-			operation.y = 2500; // Position near the bottom of the screen
+			operation.x = centerX + 600 + (i - (self.levelData.operations.length - 1) / 2) * 250; // Space buttons evenly
+			operation.y = 2600; // Position near the bottom of the screen
 			self.game.addChild(operation);
 		}
 	};
 	self.applyOperation = function (operation, tile) {

Showing 101 to 125 of 1506

1 2 3 4 5 6 7 ...61

Images

single simple empty white hexagon tile made with transparent gelly.
Front view. Modern game style

Simple, glossy, empty, plain white hexagon tile made with transparent gel.
Front view. Modern game style

3 white lines.
UI element

Sounds & Music

tick

Sound effect

tileEntrance

Sound effect

tileRemove

Sound effect

operationSelect

Sound effect

operationCancel

Sound effect

tileChangeValue

Sound effect

resetSound

Sound effect

levelFailed

Sound effect

menuLevelSelect

Sound effect

menuCellEnter

Sound effect

applause

Sound effect

bgMusic

Music

tada

Sound effect

Game remixes

NUB SLOVER

Main