Upit | Learn about creating the game Hexanil with gen AI

Play

Hexanil

djam

hexanil

916

2mo

Playit

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
@@ -501,10 +501,10 @@
 // Playing State Handlers
 function handlePlayingStateDown(x, y, obj) {
 	// Implement logic for handling down event in PLAYING state
 	log("Handling down event in PLAYING state", obj);
-	if (obj && obj.target && obj.target.parent instanceof OperationButton) {
-		dragNode = obj.target.parent;
+	if (obj && obj.target && obj.target.constructor.name === 'OperationButton') {
+		dragNode = obj.target;
 	}
 }
 function handlePlayingStateMove(x, y, obj) {
 	log("Handling move event in PLAYING state", dragNode);