Upit | Learn about creating the game Hexanil with gen AI

Play

Hexanil

djam

hexanil

917

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

Code edit (1 edits merged)

Please save this source code

User prompt

for entrance anim, Adjust tile placement to include negative x and y

User prompt

fix `Place tiles randomly out of the screen` because not tiles come from top or left of the screen

User prompt

``` // Place tiles randomly out of the screen tile.x = Math.random() * 2048; tile.y = Math.random() * 2732; ``` should also places tiles at -tile.width and -tile.height to cover all screen borders, not only right and bottom

Code edit (4 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting 'animateTilesEntrance')' in or related to this line: 'self.animateTilesEntrance = function () {' Line Number: 248

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting 'animateTilesEntrance')' in or related to this line: 'self.animateTilesEntrance = function () {' Line Number: 885

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting 'animateTilesEntrance')' in or related to this line: 'self.animateTilesEntrance = function () {' Line Number: 885

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting 'animateTilesEntrance')' in or related to this line: 'self.animateTilesEntrance = function () {' Line Number: 885

User prompt

Please fix the bug: 'self.animateTilesEntrance is not a function' in or related to this line: 'self.animateTilesEntrance();' Line Number: 288

User prompt

in loadLevel after `self.createOperations();` call an new function animateTilesEntrance(). in this function follow the folowing scenario: - place tiles randomly out of the screen - make them visible - then animate their move to their baseX, baseY

Code edit (6 edits merged)

Please save this source code

User prompt

rework the code to simplify operations in levelConfigs: for example instead of `operations: [{ type: '-1', uses: 2 }, { type: '-2', uses: 1 }]` simplify into `operations: ['-1', '-1', '-2']` (remove the 'uses' notion)

Code edit (1 edits merged)

Please save this source code

User prompt

in createOperations, when there are more than 3 operations, place operations after the 3rd at y = baseY-200

Code edit (15 edits merged)

Please save this source code

User prompt

in createBoard() loop, determine the maxTilesInRow

User prompt

in (), determine maxTilesInRow

User prompt

in createBoard(), add a local variable to track largest number of tiles in the level rows

Code edit (1 edits merged)

Please save this source code

Code edit (10 edits merged)

Please save this source code

User prompt

in isPointInsideTile, decompose overlapOffset into overlapOffsetX and overlapOffsetY

Code edit (4 edits merged)

Please save this source code

User prompt

in PuzzleManager reset(), remove all existing tiles and operations before loading level

Code edit (1 edits merged)

Please save this source code

===================================================================
--- original.js
+++ change.js
@@ -317,9 +317,9 @@
 		return dx === 1 && dy === 0 || dx === 0 && dy === 1 || dx === 1 && dy === 1;
 	};
 	self.createOperations = function () {
 		self.operations = [];
-		var baseX = centerX + 700;
+		var baseX = centerX + 900;
 		var baseY = 2600;
 		for (var i = 0; i < self.levelData.operations.length; i++) {
 			var opData = self.levelData.operations[i];
 			var operation = new OperationButton(opData.type, opData.uses);