/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); var storage = LK.import("@upit/storage.v1"); /**** * Classes ****/ var Character = Container.expand(function () { var self = Container.call(this); var characterGraphics = self.attachAsset('character', { anchorX: 0.5, anchorY: 0.5 }); self.row = 0; self.col = 0; self.previousRow = 0; self.previousCol = 0; self.moveToTile = function (tile) { self.previousRow = self.row; self.previousCol = self.col; self.x = tile.x; self.y = tile.y; self.row = tile.row; self.col = tile.col; LK.getSound('move').play(); }; self.returnToPreviousPosition = function () { if (hexGrid[self.previousRow] && hexGrid[self.previousRow][self.previousCol]) { var previousTile = hexGrid[self.previousRow][self.previousCol]; self.x = previousTile.x; self.y = previousTile.y; self.row = self.previousRow; self.col = self.previousCol; LK.getSound('move').play(); } }; return self; }); var HexTile = Container.expand(function (type, row, col) { var self = Container.call(this); self.type = type; self.row = row; self.col = col; self.hasBuilding = false; self.building = null; var assetName = 'hexGrass'; if (type === 'barn') { assetName = 'hexRed'; } else if (type === 'well') { assetName = 'hexBlue'; } else if (type === 'orchard') { assetName = 'hexPurple'; } else if (type === 'wheat') { assetName = 'hexYellow'; } else if (type === 'stable') { assetName = 'hexBrown'; } self.originalAssetName = assetName; // Store original asset name for restoration var hexGraphics = self.attachAsset(assetName, { anchorX: 0.5, anchorY: 0.5 }); self.addBuilding = function () { if (self.hasBuilding || self.type === 'grass') { return false; } var buildingAsset = null; var points = 0; if (self.type === 'barn') { buildingAsset = 'barn'; points = 15; } else if (self.type === 'well') { buildingAsset = 'well'; points = 10; } else if (self.type === 'orchard') { buildingAsset = 'orchard'; points = 20; } else if (self.type === 'wheat') { buildingAsset = 'wheat'; points = 12; } else if (self.type === 'stable') { buildingAsset = 'stable'; points = 18; } if (buildingAsset) { // Change the hex tile to grass when building is constructed hexGraphics.destroy(); hexGraphics = self.attachAsset('hexGrass', { anchorX: 0.5, anchorY: 0.5 }); self.building = self.attachAsset(buildingAsset, { anchorX: 0.5, anchorY: 0.5, scaleX: 1.25, scaleY: 1.25 }); self.hasBuilding = true; LK.getSound('build').play(); // Play building-specific sound after construction sound LK.setTimeout(function () { if (self.type === 'barn') { LK.getSound('barnSound').play(); } else if (self.type === 'well') { LK.getSound('wellSound').play(); } else if (self.type === 'orchard') { LK.getSound('orchardSound').play(); } else if (self.type === 'wheat') { LK.getSound('wheatSound').play(); } else if (self.type === 'stable') { LK.getSound('stableSound').play(); } }, 200); // Start breathing animation for the building self.startBuildingBreathing(); return points; } return 0; }; self.startBuildingBreathing = function () { if (self.building) { // Create continuous breathing animation var breatheIn = function breatheIn() { tween(self.building, { scaleX: 1.375, scaleY: 1.375 }, { duration: 2000, easing: tween.easeInOut, onFinish: breatheOut }); }; var breatheOut = function breatheOut() { tween(self.building, { scaleX: 1.125, scaleY: 1.125 }, { duration: 2000, easing: tween.easeInOut, onFinish: breatheIn }); }; breatheIn(); } }; self.removeBuilding = function () { if (self.hasBuilding && self.building) { // Stop any ongoing breathing animation tween.stop(self.building); self.building.destroy(); self.building = null; self.hasBuilding = false; // Restore original hex graphics hexGraphics.destroy(); hexGraphics = self.attachAsset(self.originalAssetName, { anchorX: 0.5, anchorY: 0.5 }); } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x8BC34A }); /**** * Game Code ****/ // Game state var currentTurn = 1; var maxTurns = 20; var score = 0; var character = null; var hexGrid = []; var selectedTile = null; var gameStarted = false; var hasMovedThisTurn = false; var lastTurnBuilding = null; // Track building created this turn var lastTurnPoints = 0; // Track points gained this turn var isBuilding = false; // Track if character is currently building var showingMenu = true; // Track if we're showing the menu var menuContainer = null; // Container for menu elements // Game history for proper undo functionality var gameHistory = []; // Hex grid dimensions var gridWidth = 6; var gridHeight = 12; var hexSize = 200; var hexHeight = 173; // UI positioning offsets var scoreTextOffset = 300; // Create menu function createMenu() { menuContainer = new Container(); // Create PLAY button container var playButtonContainer = new Container(); var playButtonBox = LK.getAsset('buildButtonBg', { anchorX: 0.5, anchorY: 0.5, scaleX: 1.5, scaleY: 1.2 }); playButtonContainer.addChild(playButtonBox); var playButton = new Text2('PLAY', { size: 100, fill: 0xFFFFFF, font: "Ink Free" }); playButton.anchor.set(0.5, 0.5); playButtonContainer.addChild(playButton); // Position in center of screen playButtonContainer.x = 1024; // Center X playButtonContainer.y = 1000; // Center Y - moved up double // Create high score display container var highScoreContainer = new Container(); var highScoreBackground = LK.getAsset('scoreContainerBg', { anchorX: 0.5, anchorY: 0.5, scaleX: 1.25, scaleY: 1.75 }); highScoreContainer.addChild(highScoreBackground); var highScore = storage.highScore || 0; var highScoreText = new Text2('High Score: ' + highScore, { size: 45, fill: 0x000000, font: "Ink Free" }); highScoreText.anchor.set(0.5, 0.5); highScoreContainer.addChild(highScoreText); // Create mountain asset that extends to bottom margin var bottomBackgroundContainer = new Container(); var bottomBackground = LK.getAsset('mountain', { anchorX: 0.5, anchorY: 0.5, scaleX: 10.24, scaleY: 6.0 }); bottomBackgroundContainer.addChild(bottomBackground); bottomBackgroundContainer.x = 1024; // Center X bottomBackgroundContainer.y = 2400; // Position to extend to bottom menuContainer.addChild(bottomBackgroundContainer); // Create title asset container var titleAssetContainer = new Container(); // Create title background asset - rectangular shape var titleBackground = LK.getAsset('buildButtonBg', { anchorX: 0.5, anchorY: 0.5, scaleX: 4.0, scaleY: 1.5 }); titleBackground.alpha = 0.9; // Semi-transparent background titleAssetContainer.addChild(titleBackground); // Create game title container var gameTitleContainer = new Container(); var gameTitle = new Text2('Diagonal Farm Builder', { size: 200, fill: 0xFFFFFF, font: "Ink Free" }); gameTitle.anchor.set(0.5, 0.5); gameTitleContainer.addChild(gameTitle); titleAssetContainer.addChild(gameTitleContainer); titleAssetContainer.x = 1024; // Center X titleAssetContainer.y = 500; // Move title up from 600 to 500 menuContainer.addChild(titleAssetContainer); // Start title rotation animation var rotateRight = function rotateRight() { tween(titleAssetContainer, { rotation: 15 * Math.PI / 180 // Convert 15 degrees to radians }, { duration: 3000, easing: tween.easeInOut, onFinish: rotateLeft }); }; var rotateLeft = function rotateLeft() { tween(titleAssetContainer, { rotation: -15 * Math.PI / 180 // Convert -15 degrees to radians }, { duration: 3000, easing: tween.easeInOut, onFinish: rotateRight }); }; rotateRight(); // Start the rotation animation // Position high score container above the background asset highScoreContainer.x = 1024; // Center X highScoreContainer.y = 1700; // Position above the background asset - moved up highScoreContainer.scaleX = 1.875; // Original X scale (0% increase) highScoreContainer.scaleY = 2.1875; // Increase Y scale by 25% (1.75 * 1.25) menuContainer.addChild(highScoreContainer); // Add click handler playButtonContainer.down = function (x, y, obj) { // Animate button press tween(playButtonContainer, { scaleY: 0.9 }, { duration: 100, easing: tween.easeOut, onFinish: function onFinish() { tween(playButtonContainer, { scaleY: 1.0 }, { duration: 100, easing: tween.easeOut, onFinish: function onFinish() { startGame(); } }); } }); }; menuContainer.addChild(playButtonContainer); game.addChild(menuContainer); } // UI elements // Create turn container with background box var turnContainer = new Container(); var turnBackgroundBox = LK.getAsset('turnContainerBg', { anchorX: 0.5, anchorY: 0.5, scaleX: 1.25, scaleY: 1.0 }); turnContainer.addChild(turnBackgroundBox); var turnText = new Text2('Turn: 1/20', { size: 60, fill: 0x000000, font: "Ink Free" }); turnText.anchor.set(0.5, 0.5); turnContainer.addChild(turnText); LK.gui.topLeft.addChild(turnContainer); turnContainer.x = scoreTextOffset + 25; turnContainer.y = 130; // Create score container with background box var scoreContainer = new Container(); var scoreBackgroundBox = LK.getAsset('scoreContainerBg', { anchorX: 0.5, anchorY: 0.5, scaleX: 1.25, scaleY: 1.0 }); scoreContainer.addChild(scoreBackgroundBox); var scoreText = new Text2('Score: 0', { size: 60, fill: 0x000000, font: "Ink Free" }); scoreText.anchor.set(0.5, 0.5); scoreContainer.addChild(scoreText); LK.gui.topRight.addChild(scoreContainer); scoreContainer.x = -scoreTextOffset - 25; scoreContainer.y = 130; // Create building list container var buildingListContainer = new Container(); var buildingTypes = [{ asset: 'barn', points: 15, name: 'Barn' }, { asset: 'well', points: 10, name: 'Well' }, { asset: 'orchard', points: 20, name: 'Orchard' }, { asset: 'wheat', points: 12, name: 'Wheat' }, { asset: 'stable', points: 18, name: 'Stable' }]; for (var i = 0; i < buildingTypes.length; i++) { var buildingItem = new Container(); // Add building icon var buildingIcon = buildingItem.attachAsset(buildingTypes[i].asset, { anchorX: 0, anchorY: 0.5, scaleX: 0.6, scaleY: 0.6 }); // Add points text var pointsText = new Text2(buildingTypes[i].points + ' pts', { size: 36, fill: 0xFFFFFF, font: "Ink Free" }); pointsText.anchor.set(0, 0.5); pointsText.x = 100; buildingItem.addChild(pointsText); // Position each building item vertically buildingItem.y = i * 70 - 140; // Center the list vertically buildingListContainer.addChild(buildingItem); } LK.gui.bottom.addChild(buildingListContainer); buildingListContainer.x = -600; // Position to the left of buttons buildingListContainer.y = -200; // Center vertically between buttons // Create button containers with background boxes var buildButtonContainer = new Container(); var buildButtonBox = LK.getAsset('buildButtonBg', { anchorX: 0.5, anchorY: 0.5 }); buildButtonContainer.addChild(buildButtonBox); var buildButton = new Text2('BUILD', { size: 80, fill: 0xFFFFFF, font: "Ink Free" }); buildButton.anchor.set(0.5, 0.5); buildButton.y = -20; buildButtonContainer.addChild(buildButton); var buildDescription = new Text2('Build on special tiles', { size: 48, fill: 0xFFFFFF, font: "Ink Free" }); buildDescription.anchor.set(0.5, 0.5); buildDescription.y = 30; buildButtonContainer.addChild(buildDescription); LK.gui.bottom.addChild(buildButtonContainer); buildButtonContainer.y = -100; var returnButtonContainer = new Container(); var returnButtonBox = LK.getAsset('returnButtonBg', { anchorX: 0.5, anchorY: 0.5 }); returnButtonContainer.addChild(returnButtonBox); var returnButton = new Text2('RETURN', { size: 80, fill: 0xFFFFFF, font: "Ink Free" }); returnButton.anchor.set(0.5, 0.5); returnButton.y = -20; returnButtonContainer.addChild(returnButton); var returnDescription = new Text2('Undo last turn', { size: 48, fill: 0xFFFFFF, font: "Ink Free" }); returnDescription.anchor.set(0.5, 0.5); returnDescription.y = 30; returnButtonContainer.addChild(returnDescription); LK.gui.bottom.addChild(returnButtonContainer); returnButtonContainer.y = -300; // Create hex grid function createHexGrid() { var startX = 200; var startY = 500; var specialTypes = ['barn', 'well', 'orchard', 'wheat', 'stable']; var specialCounts = { barn: 0, well: 0, orchard: 0, wheat: 0, stable: 0 }; var validPositions = []; var tiles = []; // First pass: collect all valid positions and create tiles array for (var row = 0; row < gridHeight; row++) { hexGrid[row] = []; for (var col = 0; col < gridWidth; col++) { var xOffset = row % 2 * (hexSize * 0.75); var x = startX + col * (hexSize * 1.5) + xOffset; var y = startY + row * (hexHeight * 0.75); // Skip if position would be off screen if (x > 1900 || y > 2400) { continue; } validPositions.push({ row: row, col: col, x: x, y: y }); tiles.push('grass'); // Initialize all as grass } } // Guarantee at least 1 of each special type for (var i = 0; i < specialTypes.length; i++) { if (validPositions.length > 0) { var randomIndex = Math.floor(Math.random() * validPositions.length); tiles[randomIndex] = specialTypes[i]; specialCounts[specialTypes[i]]++; } } // Add more special tiles randomly, respecting the maximum of 5 per type for (var j = 0; j < validPositions.length; j++) { if (tiles[j] === 'grass' && Math.random() < 0.15) { var availableTypes = []; for (var k = 0; k < specialTypes.length; k++) { if (specialCounts[specialTypes[k]] < 5) { availableTypes.push(specialTypes[k]); } } if (availableTypes.length > 0) { var selectedType = availableTypes[Math.floor(Math.random() * availableTypes.length)]; tiles[j] = selectedType; specialCounts[selectedType]++; } } } // Second pass: create actual tiles with determined types for (var m = 0; m < validPositions.length; m++) { var pos = validPositions[m]; var tile = new HexTile(tiles[m], pos.row, pos.col); tile.x = pos.x; tile.y = pos.y; hexGrid[pos.row][pos.col] = tile; game.addChild(tile); } } // Get adjacent tiles (only diagonals) function getAdjacentTiles(row, col) { var adjacent = []; var directions; if (row % 2 === 0) { directions = [[-1, -1], [-1, 0], [1, -1], [1, 0]]; // All diagonal moves for even rows } else { directions = [[-1, 0], [-1, 1], [1, 0], [1, 1]]; // All diagonal moves for odd rows } for (var i = 0; i < directions.length; i++) { var newRow = row + directions[i][0]; var newCol = col + directions[i][1]; if (newRow >= 0 && newRow < gridHeight && newCol >= 0 && newCol < gridWidth && hexGrid[newRow] && hexGrid[newRow][newCol]) { adjacent.push(hexGrid[newRow][newCol]); } } return adjacent; } // Start the actual game function startGame() { showingMenu = false; // Hide menu if (menuContainer) { menuContainer.destroy(); menuContainer = null; } // Show UI elements turnContainer.visible = true; scoreContainer.visible = true; buildingListContainer.visible = true; buildButtonContainer.visible = true; returnButtonContainer.visible = true; // Initialize game initGame(); } // Initialize game function initGame() { createHexGrid(); // Collect all available tiles var availableTiles = []; for (var row = 0; row < gridHeight; row++) { for (var col = 0; col < gridWidth; col++) { if (hexGrid[row] && hexGrid[row][col]) { availableTiles.push(hexGrid[row][col]); } } } // Place character on random available tile if (availableTiles.length > 0) { var randomIndex = Math.floor(Math.random() * availableTiles.length); var randomTile = availableTiles[randomIndex]; character = new Character(); character.moveToTile(randomTile); game.addChild(character); gameStarted = true; } } // Save current game state to history function saveGameState() { var currentState = { turn: currentTurn, score: score, characterRow: character.row, characterCol: character.col, buildings: [] }; // Save all buildings in the grid for (var row = 0; row < gridHeight; row++) { for (var col = 0; col < gridWidth; col++) { if (hexGrid[row] && hexGrid[row][col] && hexGrid[row][col].hasBuilding) { currentState.buildings.push({ row: row, col: col, type: hexGrid[row][col].type }); } } } // Keep only the last two states - add current state and limit to 2 entries gameHistory.push(currentState); if (gameHistory.length > 2) { gameHistory.shift(); // Remove oldest state if we have more than 2 } } // Update UI function updateUI() { turnText.setText('Turn: ' + currentTurn + '/' + maxTurns); scoreText.setText('Score: ' + score); } // Check if character can move to tile function canMoveTo(tile) { var adjacents = getAdjacentTiles(character.row, character.col); return adjacents.indexOf(tile) !== -1; } // End turn function endTurn() { // Save state before incrementing turn to capture previous turn state saveGameState(); currentTurn++; selectedTile = null; hasMovedThisTurn = false; lastTurnBuilding = null; // Reset building tracking lastTurnPoints = 0; // Reset points tracking if (character) { character.previousRow = character.row; character.previousCol = character.col; } if (currentTurn > maxTurns) { LK.setScore(score); resetGameAndShowMenu(); return; } updateUI(); } // Handle tile clicks game.down = function (x, y, obj) { if (showingMenu || !gameStarted || hasMovedThisTurn || isBuilding) { return; } // Check if clicking on a hex tile for (var row = 0; row < gridHeight; row++) { for (var col = 0; col < gridWidth; col++) { if (hexGrid[row] && hexGrid[row][col]) { var tile = hexGrid[row][col]; var distance = Math.sqrt(Math.pow(x - tile.x, 2) + Math.pow(y - tile.y, 2)); if (distance < 100) { if (canMoveTo(tile)) { character.moveToTile(tile); selectedTile = tile; hasMovedThisTurn = true; endTurn(); } return; } } } } }; // Build button handler buildButtonContainer.down = function (x, y, obj) { // Animate button press with Y scale reduction tween(buildButtonContainer, { scaleY: 0.9 }, { duration: 100, easing: tween.easeOut, onFinish: function onFinish() { tween(buildButtonContainer, { scaleY: 1.0 }, { duration: 100, easing: tween.easeOut }); } }); if (!gameStarted) { return; } var currentTile = null; for (var row = 0; row < gridHeight; row++) { for (var col = 0; col < gridWidth; col++) { if (hexGrid[row] && hexGrid[row][col] && hexGrid[row][col].row === character.row && hexGrid[row][col].col === character.col) { currentTile = hexGrid[row][col]; break; } } } if (currentTile && currentTile.type !== 'grass' && !currentTile.hasBuilding && !isBuilding) { var points = currentTile.addBuilding(); if (points > 0) { isBuilding = true; // Block all input during building animation score += points; lastTurnBuilding = currentTile; // Track building created this turn lastTurnPoints = points; // Track points gained this turn updateUI(); // Create dust effect at current tile position var dustEffect = LK.getAsset('dust', { anchorX: 0.5, anchorY: 0.5, scaleX: 0.5, scaleY: 0.5 }); dustEffect.x = currentTile.x; dustEffect.y = currentTile.y; game.addChild(dustEffect); // Animate dust growing while character bobs tween(dustEffect, { scaleX: 2.25, scaleY: 2.25, alpha: 0.85 }, { duration: 500, easing: tween.easeOut }); // Animate character bobbing up and down for half a second tween(character, { y: character.y - 20 }, { duration: 250, easing: tween.easeInOut, onFinish: function onFinish() { tween(character, { y: character.y + 20 }, { duration: 250, easing: tween.easeInOut, onFinish: function onFinish() { // Animate dust shrinking and disappearing tween(dustEffect, { scaleX: 0, scaleY: 0, alpha: 0 }, { duration: 300, easing: tween.easeIn, onFinish: function onFinish() { dustEffect.destroy(); isBuilding = false; // Re-enable input after animation } }); } }); } }); } } }; // Return button handler returnButtonContainer.down = function (x, y, obj) { // Animate button press with Y scale reduction tween(returnButtonContainer, { scaleY: 0.9 }, { duration: 100, easing: tween.easeOut, onFinish: function onFinish() { tween(returnButtonContainer, { scaleY: 1.0 }, { duration: 100, easing: tween.easeOut }); } }); if (!gameStarted || currentTurn <= 1 || gameHistory.length < 2 || isBuilding) { return; } // Get the second most recent saved state (skip the most recent one) var lastState = gameHistory[gameHistory.length - 2]; // Remove both the most recent and second most recent states from history gameHistory.pop(); // Remove all current buildings for (var row = 0; row < gridHeight; row++) { for (var col = 0; col < gridWidth; col++) { if (hexGrid[row] && hexGrid[row][col] && hexGrid[row][col].hasBuilding) { hexGrid[row][col].removeBuilding(); } } } // Restore game state currentTurn = lastState.turn; score = lastState.score; // Move character back to previous position if (hexGrid[lastState.characterRow] && hexGrid[lastState.characterRow][lastState.characterCol]) { var previousTile = hexGrid[lastState.characterRow][lastState.characterCol]; character.x = previousTile.x; character.y = previousTile.y; character.row = lastState.characterRow; character.col = lastState.characterCol; } // Restore buildings for (var i = 0; i < lastState.buildings.length; i++) { var building = lastState.buildings[i]; if (hexGrid[building.row] && hexGrid[building.row][building.col]) { hexGrid[building.row][building.col].addBuilding(); } } selectedTile = null; hasMovedThisTurn = false; lastTurnBuilding = null; lastTurnPoints = 0; updateUI(); }; // Hide all UI elements initially turnContainer.visible = false; scoreContainer.visible = false; buildingListContainer.visible = false; buildButtonContainer.visible = false; returnButtonContainer.visible = false; // Show menu initially createMenu(); updateUI(); // Start character breathing animation function startCharacterBreathing() { var breatheIn = function breatheIn() { tween(character, { scaleY: 1.2 }, { duration: 2000, easing: tween.easeInOut, onFinish: breatheOut }); }; var breatheOut = function breatheOut() { tween(character, { scaleY: 1.0 }, { duration: 2000, easing: tween.easeInOut, onFinish: breatheIn }); }; breatheIn(); } // Start character breathing animation after character is created if (character) { startCharacterBreathing(); } // Start background music LK.playMusic('backgroundMusic'); // Background color cycling var backgroundColors = [0x8BC34A, 0x87CEEB, 0xDDA0DD, 0xF0E68C, 0xFFA07A, 0x98FB98]; var currentColorIndex = 0; function cycleBackgroundColor() { currentColorIndex = (currentColorIndex + 1) % backgroundColors.length; var currentColor = backgroundColors[currentColorIndex === 0 ? backgroundColors.length - 1 : currentColorIndex - 1]; var nextColor = backgroundColors[currentColorIndex]; // Extract RGB components from hex colors var currentR = currentColor >> 16 & 0xFF; var currentG = currentColor >> 8 & 0xFF; var currentB = currentColor & 0xFF; var nextR = nextColor >> 16 & 0xFF; var nextG = nextColor >> 8 & 0xFF; var nextB = nextColor & 0xFF; // Create a temporary object to tween the RGB components var colorTween = { r: currentR, g: currentG, b: currentB }; tween(colorTween, { r: nextR, g: nextG, b: nextB }, { duration: 3000, easing: tween.easeInOut, onFinish: function onFinish() { // Continue cycling LK.setTimeout(cycleBackgroundColor, 2000); } }); // Update the actual background color during the tween var _updateColor = function updateColor() { var r = Math.floor(colorTween.r); var g = Math.floor(colorTween.g); var b = Math.floor(colorTween.b); var combinedColor = r << 16 | g << 8 | b; game.setBackgroundColor(combinedColor); if (r !== nextR || g !== nextG || b !== nextB) { LK.setTimeout(_updateColor, 16); // ~60fps updates } }; _updateColor(); } // Reset game and show menu function resetGameAndShowMenu() { // Update high score if current score is higher var currentHighScore = storage.highScore || 0; if (score > currentHighScore) { storage.highScore = score; } // Reset all game variables currentTurn = 1; score = 0; gameStarted = false; hasMovedThisTurn = false; lastTurnBuilding = null; lastTurnPoints = 0; isBuilding = false; selectedTile = null; showingMenu = true; // Clear game history gameHistory = []; // Remove character if (character) { character.destroy(); character = null; } // Remove all hex tiles for (var row = 0; row < gridHeight; row++) { for (var col = 0; col < gridWidth; col++) { if (hexGrid[row] && hexGrid[row][col]) { hexGrid[row][col].destroy(); } } } hexGrid = []; // Hide UI elements turnContainer.visible = false; scoreContainer.visible = false; buildingListContainer.visible = false; buildButtonContainer.visible = false; returnButtonContainer.visible = false; // Show menu again createMenu(); updateUI(); } // Start the color cycling after a short delay LK.setTimeout(cycleBackgroundColor, 2000);