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

Initial prompt

MazZero

User prompt

Add these globals : // Game state variables var GAME_STATE = { INIT: 'INIT', MENU: 'MENU', NEW_ROUND: 'NEW_ROUND', PLAYING: 'PLAYING', SCORE: 'SCORE' }; var currentState = GAME_STATE.INIT;

User prompt

add initializeGame function and move all elements initialzation inside

User prompt

add initializeGame function and move all elements initialzation inside. all elements should be kept as global vairables. no locals in initializeGame

User prompt

remove duplicate

User prompt

move event handlers out of inifunction under a cmment /**** * Event Handlers ****/

User prompt

for each game state create 3 functions:initXXXState, handleXXXLoop and cleanXXXState

User prompt

add a new global debug = true and a new utility function function log() { if (debug) { console.log.apply(console, arguments); } }

User prompt

replace console.log by log() except in log() funciton ;)

User prompt

fix initXXXState, handleXXXLoop and cleanXXXState naming by using camel case (ie: initMenuState not initMENUState, ...)

Code edit (1 edits merged)

Please save this source code

User prompt

add and implement changeGameState(newState) (add detailed logs using log())

Code edit (1 edits merged)

Please save this source code

User prompt

in initializeGame call // Transition to menu state changeGameState(GAME_STATE.MENU);

Code edit (1 edits merged)

Please save this source code

User prompt

add global isPlaying = false

Code edit (1 edits merged)

Please save this source code

User prompt

add a new startButton asset and class; initialze it in game initialze and but show it only in menu state

User prompt

Please fix the bug: 'startButton is not defined' in or related to this line: 'startButton.visible = true;' Line Number: 146

Code edit (6 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

User prompt

move puzzleManager.initPuzzle(); in initNewRound

User prompt

add 3 global containers layers

User prompt

add 3 global containers layers for background, middle and foreground

User prompt

Initialization of globals shoud come in initialzeGame

===================================================================
--- original.js
+++ change.js
@@ -273,16 +273,19 @@
 	self.playVictoryAnimation = function () {
 		// Play level complete animation
 	};
 }
-var puzzleManager = new PuzzleManager(game);
-puzzleManager.initPuzzle();
-// Event Listeners
-game.down = function (x, y, obj) {
-	// Handle operation button drag start
-};
-game.move = function (x, y, obj) {
-	// Handle operation button drag movement
-};
-game.up = function (x, y, obj) {
-	// Handle operation button drag end
-};
\ No newline at end of file
+function initializeGame() {
+	var puzzleManager = new PuzzleManager(game);
+	puzzleManager.initPuzzle();
+	// Event Listeners
+	game.down = function (x, y, obj) {
+		// Handle operation button drag start
+	};
+	game.move = function (x, y, obj) {
+		// Handle operation button drag movement
+	};
+	game.up = function (x, y, obj) {
+		// Handle operation button drag end
+	};
+}
+initializeGame();
\ No newline at end of file