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

Code edit (1 edits merged)

Please save this source code

User prompt

add a valueText text in HexTile after tileGraphics

User prompt

add a Text2 valueText text in HexTile after tileGraphics

User prompt

add a global object with keys 0, 1, 2 and 3 and values paster colors

Code edit (1 edits merged)

Please save this source code

User prompt

in hextile, use tileColors for the tile graphic tint

Code edit (1 edits merged)

Please save this source code

User prompt

add a global levelConfigs with level number as key and an object as value tiles and operations properties

User prompt

in level config , don't use col and row properties, instead use a 2d array like `tiles : [[1,1,1],["",2,2], ["",1,""]]` for an hexa gris with 3 lines, first with 3 "1"s, second with 2 "2"s and third with 1 "1"

User prompt

Adapt PuzzleManager to use levelConfigs

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'tiles')' in or related to this line: 'for (var row = 0; row < self.levelData.tiles.length; row++) {' Line Number: 125

Code edit (1 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'length')' in or related to this line: 'var tileGraphics = self.attachAsset('hexTile', {' Line Number: 26

User prompt

to make the board look like a real hxa grid, add an offset to tiles on odd lines

Code edit (4 edits merged)

Please save this source code

User prompt

make paset colors a bit darker

User prompt

use a pasel blue for the background

User prompt

use 0x7086A6 for bg

User prompt

like tileOffsetX, add a constant in HexTile for tile size (100)

User prompt

in HexTile, for tileSize, use the HexTile asset width

User prompt

in ``` x: col * tileOffsetX - (levelData ? levelData.tiles.length : 0) * 50 + (row % 2 === 1 ? -50 : 0), y: row * tileOffsetY - (levelData ? levelData.tiles.length : 0) * 50, ``` use tileSize

Code edit (1 edits merged)

Please save this source code

Code edit (6 edits merged)

Please save this source code

User prompt

replace pastel colors with more bright colors

Code edit (1 edits merged)

Please save this source code

===================================================================
--- original.js
+++ change.js
@@ -6,8 +6,11 @@
 /***********************************************************************************************/ 
 // HexTile class to represent each tile on the board
 var HexTile = Container.expand(function (value, col, row, levelData) {
 	var self = Container.call(this);
+	// Constants
+	var tileOffsetX = 100;
+	var tileOffsetY = 80;
 	// Properties
 	self.value = value;
 	self.originalValue = value;
 	self.col = col;
@@ -16,10 +19,10 @@
 	// Asset Attachments
 	var tileGraphics = self.attachAsset('hexTile', {
 		anchorX: 0.5,
 		anchorY: 0.5,
-		x: col * 100 - (levelData ? levelData.tiles.length : 0) * 50 + (row % 2 === 1 ? 50 : 0),
-		y: row * 100 - (levelData ? levelData.tiles.length : 0) * 50,
+		x: col * tileOffsetX - (levelData ? levelData.tiles.length : 0) * 50 + (row % 2 === 1 ? -50 : 0),
+		y: row * tileOffsetY - (levelData ? levelData.tiles.length : 0) * 50,
 		tint: tileColors[self.value] // Apply tint based on tile value
 	});
 	var valueText = new Text2(self.value.toString(), {
 		size: 50,

Showing 51 to 75 of 1585

1 2 3 4 5 6 7 ...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