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: '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

Code edit (6 edits merged)

Please save this source code

User prompt

code if (obj && obj.parent instanceof OperationButton) { dragNode = obj.parent; } doesn't work. drageNode stay null when tapping operationButtons

User prompt

drageNode stay null when tapping operationButtons Fix drag code code if (obj && obj.parent instanceof OperationButton) { dragNode = obj.parent; } doesn't work: unsing parent or parent.parent is not the way to detect objects classes.

User prompt

``` if (obj && obj.parent && obj.parent.constructor.name === 'OperationButton') { dragNode = obj.parent; } ``` Analyze more deeply, you'll find that obj is an event from game.down handler, it contains a target property.

User prompt

Still drag doesn't work. Still dragNode is null. Please refer to game.down documentation to determine how to use the object properly

User prompt

ok, obj.target parameter isn't useful: it's only the main game object. Only use x and y parameters to dertermine if an operation button was tapped

Code edit (1 edits merged)

Please save this source code

User prompt

Ok, try to make operation buttons move smoother ↪💡 Consider importing and using the following plugins: @upit/tween.v1

Code edit (5 edits merged)

Please save this source code

User prompt

make drag anim duration depend on target x,y distance

Code edit (4 edits merged)

Please save this source code

User prompt

store initial operation buttons position in properties baseX and baseY

User prompt

replace ``` 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 ``` by a setBasePosition function in operation buttons that sets both x,y and baseX,baseY

User prompt

when droping an operation button, call applyOperation. in applyOperation, first check if operationButton is above a tile or not

User prompt

in applyOperation, first check if operationButton is above a tile or not

User prompt

if Operation button not above any tile, move it smoothy to its base position

Code edit (1 edits merged)

Please save this source code

User prompt

in ``` puzzleManager.board.forEach(function (tile) { if (dragNode.x >= tile.x - tile.width / 2 && dragNode.x <= tile.x + tile.width / 2 && dragNode.y >= tile.y - tile.height / 2 && dragNode.y <= tile.y + tile.height / 2) { puzzleManager.applyOperation(dragNode, tile); tileFound = true; } }); ``` add detailed logs because it doesn't work

Code edit (2 edits merged)

Please save this source code

===================================================================
--- original.js
+++ change.js
@@ -534,20 +534,21 @@
 	log("Handling up event in PLAYING state");
 	if (dragNode) {
 		// Check if the operation button is above a tile
 		var tileFound = false;
+		log("Operation dropped at ", x, y);
 		puzzleManager.board.forEach(function (tile) {
-			console.log("Checking tile at position:", tile.x, tile.y); // Log tile position
+			log("Checking tile at position:", tile.x, tile.y); // Log tile position
 			if (dragNode.x >= tile.x - tile.width / 2 && dragNode.x <= tile.x + tile.width / 2 && dragNode.y >= tile.y - tile.height / 2 && dragNode.y <= tile.y + tile.height / 2) {
-				console.log("Operation button is above tile at position:", tile.x, tile.y); // Log when operation button is above a tile
+				log("Operation button is above tile at position:", tile.x, tile.y); // Log when operation button is above a tile
 				puzzleManager.applyOperation(dragNode, tile);
 				tileFound = true;
 			} else {
-				console.log("Operation button is NOT above tile at position:", tile.x, tile.y); // Log when operation button is not above a tile
+				log("Operation button is NOT above tile at position:", tile.x, tile.y); // Log when operation button is not above a tile
 			}
 		});
 		if (!tileFound) {
-			console.log("Operation button not above any tile");
+			log("Operation button not above any tile");
 			tween(dragNode, {
 				x: dragNode.baseX,
 				y: dragNode.baseY
 			}, {

Showing 201 to 225 of 1577

1 ...7 8 9 10 11 ...64

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