/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); var storage = LK.import("@upit/storage.v1"); /**** * Classes ****/ var GameSquare = Container.expand(function (row, col) { var self = Container.call(this); self.row = row; self.col = col; self.occupied = false; self.piece = null; var square = self.attachAsset('gameSquare', { anchorX: 0.5, anchorY: 0.5, alpha: 0.1 }); self.down = function (x, y, obj) { if (!self.occupied && !gameEnded) { self.placePiece(currentPlayer); LK.getSound('place').play(); if (checkWin()) { endGame(currentPlayer + ' Wins!'); } else if (checkDraw()) { endGame('Draw!'); } else { switchPlayer(); } } }; self.placePiece = function (player) { if (self.occupied) return; self.occupied = true; self.piece = player; gameBoard[self.row][self.col] = player; var pieceAsset = player === 'X' ? 'xPiece' : 'oPiece'; var piece = self.attachAsset(pieceAsset, { anchorX: 0.5, anchorY: 0.5, scaleX: 0, scaleY: 0 }); tween(piece, { scaleX: 1, scaleY: 1 }, { duration: 200, easing: tween.easeOut }); }; self.reset = function () { self.occupied = false; self.piece = null; // Remove piece graphics for (var i = self.children.length - 1; i >= 0; i--) { var child = self.children[i]; if (child !== square) { self.removeChild(child); } } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0xffffff }); /**** * Game Code ****/ // Game state variables var gameBoard = [[null, null, null], [null, null, null], [null, null, null]]; var currentPlayer = 'X'; var gameEnded = false; var squares = []; // Player data and leaderboard var playerName = storage.playerName || 'Player'; var playerWins = storage.playerWins || 0; var playerLosses = storage.playerLosses || 0; var showingNameInput = false; // Create decorative background var bgDecor1 = game.addChild(LK.getAsset('backgroundDecor', { anchorX: 0.5, anchorY: 0.5, x: 400, y: 500, alpha: 0.1, scaleX: 1.5, scaleY: 1.5 })); var bgDecor2 = game.addChild(LK.getAsset('backgroundDecor', { anchorX: 0.5, anchorY: 0.5, x: 1600, y: 1800, alpha: 0.1, scaleX: 2, scaleY: 2 })); // Create game grid container var gridContainer = game.addChild(new Container()); gridContainer.x = 2048 / 2; gridContainer.y = 2732 / 2; // Create grid squares for (var row = 0; row < 3; row++) { squares[row] = []; for (var col = 0; col < 3; col++) { var square = gridContainer.addChild(new GameSquare(row, col)); square.x = (col - 1) * 200; square.y = (row - 1) * 200; squares[row][col] = square; } ; } // Create grid lines // Vertical lines var vLine1 = gridContainer.addChild(LK.getAsset('gridLine', { anchorX: 0.5, anchorY: 0.5, x: -100, y: 0 })); var vLine2 = gridContainer.addChild(LK.getAsset('gridLine', { anchorX: 0.5, anchorY: 0.5, x: 100, y: 0 })); // Horizontal lines var hLine1 = gridContainer.addChild(LK.getAsset('gridLine', { anchorX: 0.5, anchorY: 0.5, x: 0, y: -100, rotation: Math.PI / 2 })); var hLine2 = gridContainer.addChild(LK.getAsset('gridLine', { anchorX: 0.5, anchorY: 0.5, x: 0, y: 100, rotation: Math.PI / 2 })); // Create UI elements var currentPlayerText = new Text2('Your Turn', { size: 80, fill: 0x333333 }); currentPlayerText.anchor.set(0.5, 0); LK.gui.top.addChild(currentPlayerText); currentPlayerText.y = 200; var gameStatusText = new Text2('', { size: 100, fill: 0xFF4444 }); gameStatusText.anchor.set(0.5, 0.5); LK.gui.center.addChild(gameStatusText); gameStatusText.y = -400; var restartButton = new Text2('Restart Game', { size: 60, fill: 0x4444FF }); restartButton.anchor.set(0.5, 1); LK.gui.bottom.addChild(restartButton); restartButton.y = -100; // Player name display var playerNameText = new Text2('Player: ' + playerName, { size: 50, fill: 0x333333 }); playerNameText.anchor.set(0, 0); LK.gui.topRight.addChild(playerNameText); playerNameText.x = -300; playerNameText.y = 150; // Leaderboard display var leaderboardText = new Text2('Wins: ' + playerWins + ' | Losses: ' + playerLosses, { size: 40, fill: 0x666666 }); leaderboardText.anchor.set(0, 0); LK.gui.topRight.addChild(leaderboardText); leaderboardText.x = -300; leaderboardText.y = 200; // Change name button var changeNameButton = new Text2('Change Name', { size: 40, fill: 0x4444FF }); changeNameButton.anchor.set(0, 0); LK.gui.topRight.addChild(changeNameButton); changeNameButton.x = -300; changeNameButton.y = 250; // Name input overlay (initially hidden) var nameInputOverlay = new Container(); nameInputOverlay.visible = false; LK.gui.center.addChild(nameInputOverlay); var nameInputBg = nameInputOverlay.addChild(LK.getAsset('gameSquare', { anchorX: 0.5, anchorY: 0.5, scaleX: 4, scaleY: 2, alpha: 0.9 })); var nameInputPrompt = new Text2('Enter your name:', { size: 60, fill: 0x333333 }); nameInputPrompt.anchor.set(0.5, 0.5); nameInputOverlay.addChild(nameInputPrompt); nameInputPrompt.y = -80; var currentNameInput = new Text2(playerName, { size: 80, fill: 0x000000 }); currentNameInput.anchor.set(0.5, 0.5); nameInputOverlay.addChild(currentNameInput); currentNameInput.y = 0; var nameConfirmButton = new Text2('Confirm', { size: 50, fill: 0x44FF44 }); nameConfirmButton.anchor.set(0.5, 0.5); nameInputOverlay.addChild(nameConfirmButton); nameConfirmButton.y = 80; // Game functions function switchPlayer() { currentPlayer = currentPlayer === 'X' ? 'O' : 'X'; if (currentPlayer === 'X') { currentPlayerText.setText('Your Turn'); } else { currentPlayerText.setText('AI Turn'); } // If it's AI's turn (O), make AI move after a short delay if (currentPlayer === 'O' && !gameEnded) { LK.setTimeout(function () { makeAIMove(); }, 500); } } function checkWin() { // Check rows for (var i = 0; i < 3; i++) { if (gameBoard[i][0] && gameBoard[i][0] === gameBoard[i][1] && gameBoard[i][1] === gameBoard[i][2]) { return true; } } // Check columns for (var j = 0; j < 3; j++) { if (gameBoard[0][j] && gameBoard[0][j] === gameBoard[1][j] && gameBoard[1][j] === gameBoard[2][j]) { return true; } } // Check diagonals if (gameBoard[0][0] && gameBoard[0][0] === gameBoard[1][1] && gameBoard[1][1] === gameBoard[2][2]) { return true; } if (gameBoard[0][2] && gameBoard[0][2] === gameBoard[1][1] && gameBoard[1][1] === gameBoard[2][0]) { return true; } return false; } function checkDraw() { for (var i = 0; i < 3; i++) { for (var j = 0; j < 3; j++) { if (!gameBoard[i][j]) { return false; } } } return true; } function endGame(message) { gameEnded = true; var displayMessage = message; if (message === 'X Wins!') { displayMessage = 'You Win!'; playerWins++; storage.playerWins = playerWins; } else if (message === 'O Wins!' || message === 'AI Wins!') { displayMessage = 'AI Wins!'; playerLosses++; storage.playerLosses = playerLosses; } // Update leaderboard display leaderboardText.setText('Wins: ' + playerWins + ' | Losses: ' + playerLosses); gameStatusText.setText(displayMessage); currentPlayerText.setText('Game Over'); if (message.indexOf('Wins') !== -1) { LK.getSound('win').play(); if (message === 'X Wins!') { LK.effects.flashScreen(0x44ff44, 500); } else { LK.effects.flashScreen(0xff4444, 500); } } tween(gameStatusText, { scaleX: 1.2, scaleY: 1.2 }, { duration: 300, easing: tween.easeOut }); } function makeAIMove() { if (gameEnded) return; // First, try to win var winMove = findWinningMove('O'); if (winMove) { squares[winMove.row][winMove.col].placePiece('O'); LK.getSound('place').play(); if (checkWin()) { endGame('AI Wins!'); return; } else if (checkDraw()) { endGame('Draw!'); return; } else { switchPlayer(); } return; } // Then, try to block player from winning var blockMove = findWinningMove('X'); if (blockMove) { squares[blockMove.row][blockMove.col].placePiece('O'); LK.getSound('place').play(); if (checkWin()) { endGame('AI Wins!'); return; } else if (checkDraw()) { endGame('Draw!'); return; } else { switchPlayer(); } return; } // Strategic AI: prioritize center, then corners, then edges var bestMove = null; // Try to take center if available if (!gameBoard[1][1]) { bestMove = { row: 1, col: 1 }; } else { // Try corners first var corners = [{ row: 0, col: 0 }, { row: 0, col: 2 }, { row: 2, col: 0 }, { row: 2, col: 2 }]; for (var i = 0; i < corners.length; i++) { if (!gameBoard[corners[i].row][corners[i].col]) { bestMove = corners[i]; break; } } } // If no strategic move found, try edges or any available move if (!bestMove) { var availableMoves = []; for (var i = 0; i < 3; i++) { for (var j = 0; j < 3; j++) { if (!gameBoard[i][j]) { availableMoves.push({ row: i, col: j }); } } } if (availableMoves.length > 0) { bestMove = availableMoves[Math.floor(Math.random() * availableMoves.length)]; } } if (bestMove) { squares[bestMove.row][bestMove.col].placePiece('O'); LK.getSound('place').play(); if (checkWin()) { endGame('AI Wins!'); return; } else if (checkDraw()) { endGame('Draw!'); return; } else { switchPlayer(); } } } function findWinningMove(player) { // Check all empty squares to see if placing the player's piece would win for (var i = 0; i < 3; i++) { for (var j = 0; j < 3; j++) { if (!gameBoard[i][j]) { // Temporarily place the piece gameBoard[i][j] = player; var isWin = checkWin(); // Remove the temporary piece gameBoard[i][j] = null; if (isWin) { return { row: i, col: j }; } } } } return null; } function resetGame() { gameEnded = false; currentPlayer = 'X'; // Reset board array for (var i = 0; i < 3; i++) { for (var j = 0; j < 3; j++) { gameBoard[i][j] = null; } } // Reset squares for (var row = 0; row < 3; row++) { for (var col = 0; col < 3; col++) { squares[row][col].reset(); } } // Reset UI currentPlayerText.setText('Your Turn'); gameStatusText.setText(''); gameStatusText.scaleX = 1; gameStatusText.scaleY = 1; } // Restart button event restartButton.down = function (x, y, obj) { resetGame(); LK.getSound('place').play(); }; // Change name button event changeNameButton.down = function (x, y, obj) { if (!showingNameInput && !gameEnded) { showingNameInput = true; nameInputOverlay.visible = true; currentNameInput.setText(playerName); LK.getSound('place').play(); } }; // Name confirm button event nameConfirmButton.down = function (x, y, obj) { var currentText = currentNameInput.getText ? currentNameInput.getText() : ''; var newName = currentText.trim(); if (newName.length > 0 && newName.length <= 15) { playerName = newName; storage.playerName = playerName; playerNameText.setText('Player: ' + playerName); showingNameInput = false; nameInputOverlay.visible = false; LK.getSound('place').play(); } }; // Simple name input system var nameChars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ '; var currentCharIndex = 0; // Name input navigation (tap to cycle through characters) currentNameInput.down = function (x, y, obj) { if (showingNameInput) { currentCharIndex = (currentCharIndex + 1) % nameChars.length; var currentName = currentNameInput.getText ? currentNameInput.getText() : ''; if (currentName.length < 15) { currentNameInput.setText(currentName + nameChars[currentCharIndex]); } LK.getSound('place').play(); } }; // Backspace functionality - tap background to remove last character nameInputBg.down = function (x, y, obj) { if (showingNameInput) { var currentName = currentNameInput.getText ? currentNameInput.getText() : ''; if (currentName.length > 0) { currentNameInput.setText(currentName.slice(0, -1)); LK.getSound('place').play(); } } }; // Add subtle animation to background elements game.update = function () { if (LK.ticks % 300 === 0) { tween(bgDecor1, { rotation: bgDecor1.rotation + 0.1 }, { duration: 3000, easing: tween.linear }); } if (LK.ticks % 400 === 0) { tween(bgDecor2, { rotation: bgDecor2.rotation - 0.08 }, { duration: 4000, easing: tween.linear }); } };