Upit | Learn about creating the game Hexanil with gen AI

Play

game-community-background

user photo

game-pic

917

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 (4 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Uncaught ReferenceError: baseX is not defined' in or related to this line: 'tween(levelText, {' Line Number: 468

Code edit (7 edits merged)

Please save this source code

User prompt

seems there is a scope/closure bug with the code : ```levelText.down = function (level) { return function () { log("levelText currentState:", currentState, " isMenuReady=", isMenuReady); //{3F.2} if (!isMenuReady) { log("Menu not ready.", level); //{3F.2} return; } log("Tapped level number:", level); //{3F.2} if (level <= puzzleManager.maxReachedLevelNumber) { // Store initial width and height var initialWidth = levelText.width; var initialHeight = levelText.height; levelText.tint = tileColors[1]; // Animate width and height to 10 times their size and fade out tween(levelText, { width: initialWidth * 10, height: initialHeight * 10, alpha: 0 }, { duration: 300, easing: tween.easeOut, onFinish: function onFinish() { // Restore to initial values levelText.width = initialWidth; levelText.height = initialHeight; levelText.alpha = 1; puzzleManager.selectLevel(level); levelNumberText.setText(level, level + 1); changeGameState(GAME_STATE.NEW_ROUND); } }); } }; ``` resulting for example in the text not animating

Code edit (1 edits merged)

Please save this source code

User prompt

in menuBoard, implement animateExit the same way as animateEntrance but with target x = baseX - 2300 ↪💡 Consider importing and using the following plugins: @upit/tween.v1, @upit/storage.v1, @upit/tween.v1

Code edit (5 edits merged)

Please save this source code

User prompt

in menuboard animateEntrance, animate the menuGrid (levelTexts) the same way as cells ↪💡 Consider importing and using the following plugins: @upit/tween.v1, @upit/storage.v1, @upit/tween.v1

Code edit (1 edits merged)

Please save this source code

Code edit (5 edits merged)

Please save this source code

User prompt

in MenuBoard, animateEntrance delay each col entrance by 200ms ↪💡 Consider importing and using the following plugins: @upit/tween.v1, @upit/storage.v1, @upit/tween.v1

Code edit (2 edits merged)

Please save this source code

User prompt

add logs in menuboard animateEntrance

Code edit (2 edits merged)

Please save this source code

User prompt

in animateEntrance, animate cells entrance from the right of the screen to their initial position (baseX; baseY) ↪💡 Consider importing and using the following plugins: @upit/tween.v1, @upit/storage.v1, @upit/tween.v1

Code edit (3 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting '0')' in or related to this line: 'self.menuGrid[row][col] = menuCell;' Line Number: 425

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting '0')' in or related to this line: 'self.menuGrid[row][col] = menuCell;' Line Number: 422

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting '0')' in or related to this line: 'self.menuGrid[row][col] = menuCell;' Line Number: 425

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting '0')' in or related to this line: 'self.menuGrid[row][col] = menuCell;' Line Number: 425

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting '0')' in or related to this line: 'self.menuGrid[row][col] = menuCell;' Line Number: 425

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting '0')' in or related to this line: 'self.menuGrid[row][col] = menuCell;' Line Number: 425

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting '0')' in or related to this line: 'self.menuGrid[row][col] = menuCell;' Line Number: 425

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting '0')' in or related to this line: 'self.menuGrid[row][col] = menuCell;' Line Number: 424

User prompt

Please fix the bug: 'Cannot set properties of undefined (setting '0')' in or related to this line: 'self.menuGrid[row][col] = menuCell;' Line Number: 420

===================================================================
--- original.js
+++ change.js
@@ -495,17 +495,21 @@
 	self.animateEntrance = function () {
 		self.menuCells.forEach(function (row) {
 			row.forEach(function (cell) {
 				// Start cells off-screen to the right
+				log("Animating entrance for cell at initial position:", cell.x, cell.y); // Log initial position
 				cell.x = 2048 + cell.width;
 				cell.visible = true;
 				// Animate cells to their base positions
 				tween(cell, {
 					x: cell.baseX,
 					y: cell.baseY
 				}, {
 					duration: 800,
-					easing: tween.easeOut
+					easing: tween.easeOut,
+					onFinish: function onFinish() {
+						log("Completed animation for cell to base position:", cell.baseX, cell.baseY); // Log completion
+					} //{4e.1}
 				});
 			});
 		});
 	};
@@ -1502,9 +1506,9 @@
 }
 function initMenuState() {
 	// Initialize the game state for MENU
 	log("Initializing MENU State");
-	menuBoard.x = 2048; // Start off-screen to the right
+	//menuBoard.x = 2048; // Start off-screen to the right
 	menuBoard.visible = true;
 	menuBoard.animateEntrance();
 	isMenuReady = true;
 	/*

Showing 226 to 250 of 1575

1 ...8 9 10 11 12 ...63

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

Most played remixes

NUB SLOVER

Main