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 (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

User prompt

use these colors for tiles : #16C47F #FFD65A #FF9D23 #F93827 and add a corresponding blue

Code edit (2 edits merged)

Please save this source code

User prompt

make bg black

User prompt

use a radial blue gradiant for the bg

User prompt

Please fix the bug: 'Graphics is not a constructor' in or related to this line: 'var gradient = new Graphics();' Line Number: 102

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'addChild')' in or related to this line: 'backgroundLayer.addChild(gradient);' Line Number: 113

User prompt

Please fix the bug: 'Cannot read properties of undefined (reading 'addChild')' in or related to this line: 'backgroundLayer.addChild(gradient);' Line Number: 113

Code edit (2 edits merged)

Please save this source code

User prompt

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

Code edit (5 edits merged)

Please save this source code

User prompt

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

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

===================================================================
--- original.js
+++ change.js
@@ -1,7 +1,19 @@
 /**** 
 * Classes
 ****/ 
+// BackgroundImage class to represent the background image
+var BackgroundImage = Container.expand(function () {
+	var self = Container.call(this);
+	// Asset Attachments
+	var backgroundGraphics = self.attachAsset('gradientBackground', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		x: 0,
+		y: 0
+	});
+	return self;
+});
 /***********************************************************************************************/ 
 /******************************************* ASSETS CLASSES ************************************/
 /***********************************************************************************************/ 
 // HexTile class to represent each tile on the board
@@ -539,8 +551,10 @@
 function initializeGame() {
 	backgroundLayer = new Container();
 	middleLayer = new Container();
 	foregroundLayer = new Container();
+	backgroundImage = new BackgroundImage();
+	backgroundLayer.addChild(backgroundImage);
 	game.addChild(backgroundLayer);
 	game.addChild(middleLayer);
 	game.addChild(foregroundLayer);
 	boardContainer = new Container();
@@ -555,5 +569,6 @@
 	startButton.visible = false;
 	// Transition to menu state
 	changeGameState(GAME_STATE.MENU);
 }
-initializeGame();
\ No newline at end of file
+initializeGame();
+var backgroundImage;
\ No newline at end of file

Showing 76 to 100 of 1549

1 2 3 4 5 6 7 ...62

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