/**** * Plugins ****/ var storage = LK.import("@upit/storage.v1", { coins: 0, ownedSkins: ["default"], currentSkin: "default" }); /**** * Classes ****/ var ShopItem = Container.expand(function (skinData) { var self = Container.call(this); self.skinData = skinData; // Create item background var itemBg = self.attachAsset('skinItem', { anchorX: 0.5, anchorY: 0.5 }); // Create skin preview var skinPreview = self.attachAsset(skinData.assetId, { anchorX: 0.5, anchorY: 0.5, y: -40 }); // Create skin name text var nameText = new Text2(skinData.name, { size: 40, fill: 0x333333 }); nameText.anchor.set(0.5, 0.5); nameText.y = 40; self.addChild(nameText); // Create price/status text var priceText = new Text2(skinData.price + ' pts', { size: 30, fill: 0x666666 }); priceText.anchor.set(0.5, 0.5); priceText.y = 70; self.addChild(priceText); // Create button var button = null; var buttonText = null; self.updateButton = function () { if (button) { button.destroy(); buttonText.destroy(); } var isOwned = storage.ownedSkins.indexOf(skinData.id) !== -1; var isCurrent = storage.currentSkin === skinData.id; var canAfford = LK.getScore() >= skinData.price; if (isCurrent) { button = self.attachAsset('selectedButton', { anchorX: 0.5, anchorY: 0.5, y: 95 }); buttonText = new Text2('SELECTED', { size: 25, fill: 0xffffff }); } else if (isOwned) { button = self.attachAsset('selectButton', { anchorX: 0.5, anchorY: 0.5, y: 95 }); buttonText = new Text2('SELECT', { size: 25, fill: 0xffffff }); } else if (canAfford) { button = self.attachAsset('buyButton', { anchorX: 0.5, anchorY: 0.5, y: 95 }); buttonText = new Text2('BUY', { size: 25, fill: 0xffffff }); } else { button = self.attachAsset('skinItem', { anchorX: 0.5, anchorY: 0.5, y: 95, scaleX: 0.7, scaleY: 0.25 }); button.alpha = 0.5; buttonText = new Text2('NOT ENOUGH', { size: 20, fill: 0x999999 }); } buttonText.anchor.set(0.5, 0.5); buttonText.y = 95; self.addChild(buttonText); }; self.down = function (x, y, obj) { if (gameState !== 'shop') return; var isOwned = storage.ownedSkins.indexOf(skinData.id) !== -1; var isCurrent = storage.currentSkin === skinData.id; var canAfford = LK.getScore() >= skinData.price; if (isCurrent) { // Already selected, do nothing } else if (isOwned) { // Select this skin storage.currentSkin = skinData.id; updateShopUI(); } else if (canAfford) { // Buy this skin LK.setScore(LK.getScore() - skinData.price); storage.ownedSkins.push(skinData.id); storage.currentSkin = skinData.id; updateShopUI(); } }; self.updateButton(); return self; }); var TicTacToeCell = Container.expand(function (row, col) { var self = Container.call(this); self.row = row; self.col = col; self.state = 'empty'; // 'empty', 'X', 'O' // Create border var border = self.attachAsset('cellBorder', { anchorX: 0.5, anchorY: 0.5 }); // Create empty cell background var cellBg = self.attachAsset('cellEmpty', { anchorX: 0.5, anchorY: 0.5 }); var symbol = null; self.placeSymbol = function (symbolType) { if (self.state !== 'empty') return false; self.state = symbolType; if (symbolType === 'X') { var currentSkinData = null; for (var i = 0; i < skinData.length; i++) { if (skinData[i].id === storage.currentSkin) { currentSkinData = skinData[i]; break; } } var assetToUse = currentSkinData ? currentSkinData.assetId : 'symbolX'; symbol = self.attachAsset(assetToUse, { anchorX: 0.5, anchorY: 0.5 }); } else if (symbolType === 'O') { symbol = self.attachAsset('symbolO', { anchorX: 0.5, anchorY: 0.5 }); } LK.getSound('placeSymbol').play(); return true; }; self.reset = function () { self.state = 'empty'; if (symbol) { symbol.destroy(); symbol = null; } }; self.down = function (x, y, obj) { if (gameState === 'playing' && self.state === 'empty') { if (self.placeSymbol(currentPlayer)) { checkWin(); if (gameState === 'playing') { if (gameMode === 'multiplayer') { currentPlayer = currentPlayer === 'X' ? 'O' : 'X'; } else if (gameMode === 'ai' && currentPlayer === 'X') { currentPlayer = 'O'; // AI makes move after short delay LK.setTimeout(makeAIMove, 500); } updateUI(); } } } }; return self; }); /**** * Initialize Game ****/ // Game variables var game = new LK.Game({ backgroundColor: 0x87CEEB }); /**** * Game Code ****/ // Game variables var gridSize = 3; var cells = []; var currentPlayer = 'X'; var gameState = 'menu'; // 'menu', 'playing', 'won', 'draw', 'shop' var gameMode = null; // 'multiplayer', 'ai' var winner = null; // UI elements var titleText = new Text2('Tic-Tac-Toe', { size: 120, fill: 0x333333 }); titleText.anchor.set(0.5, 0); titleText.y = 200; LK.gui.top.addChild(titleText); var statusText = new Text2('Player X\'s Turn', { size: 80, fill: 0x333333 }); statusText.anchor.set(0.5, 0); statusText.y = 100; statusText.visible = false; LK.gui.top.addChild(statusText); var multiplayerButton = new Text2('Multiplayer', { size: 80, fill: 0x4444ff }); multiplayerButton.anchor.set(0.5, 0.5); multiplayerButton.x = 2048 / 2; multiplayerButton.y = 2732 / 2 - 100; game.addChild(multiplayerButton); var aiButton = new Text2('Play vs AI', { size: 80, fill: 0xff4444 }); aiButton.anchor.set(0.5, 0.5); aiButton.x = 2048 / 2; aiButton.y = 2732 / 2 + 100; game.addChild(aiButton); var resetButton = new Text2('Reset Game', { size: 60, fill: 0x666666 }); resetButton.anchor.set(0.5, 1); resetButton.visible = false; LK.gui.bottom.addChild(resetButton); var backButton = new Text2('Back to Menu', { size: 60, fill: 0x666666 }); backButton.anchor.set(0.5, 1); backButton.y = -100; backButton.visible = false; LK.gui.bottom.addChild(backButton); var shopButton = new Text2('Shop', { size: 80, fill: 0x9b59b6 }); shopButton.anchor.set(0.5, 0.5); shopButton.x = 2048 / 2; shopButton.y = 2732 / 2 + 200; game.addChild(shopButton); var shopTitle = new Text2('Skin Shop', { size: 100, fill: 0x333333 }); shopTitle.anchor.set(0.5, 0); shopTitle.y = 150; shopTitle.visible = false; LK.gui.top.addChild(shopTitle); // Skin data var skinData = [{ id: 'default', name: 'Classic', price: 0, assetId: 'skinClassic' }, { id: 'gold', name: 'Gold', price: 5, assetId: 'skinGold' }, { id: 'rainbow', name: 'Rainbow', price: 10, assetId: 'skinRainbow' }]; var shopItems = []; var scoreText = new Text2('Score: 0', { size: 60, fill: 0x333333 }); scoreText.anchor.set(1, 0); scoreText.x = -50; scoreText.y = 50; LK.gui.topRight.addChild(scoreText); // Initialize grid function initializeGrid() { // Clear existing cells for (var i = 0; i < cells.length; i++) { for (var j = 0; j < cells[i].length; j++) { if (cells[i][j]) { cells[i][j].destroy(); } } } cells = []; var cellSize = 220; var gridWidth = gridSize * cellSize; var gridHeight = gridSize * cellSize; var startX = (2048 - gridWidth) / 2 + cellSize / 2; var startY = (2732 - gridHeight) / 2 + cellSize / 2; for (var row = 0; row < gridSize; row++) { cells[row] = []; for (var col = 0; col < gridSize; col++) { var cell = new TicTacToeCell(row, col); cell.x = startX + col * cellSize; cell.y = startY + row * cellSize; cells[row][col] = cell; game.addChild(cell); } } } function checkWin() { // Check rows for (var row = 0; row < gridSize; row++) { var allSame = true; var firstCell = cells[row][0].state; if (firstCell === 'empty') continue; var lineLength = 0; for (var col = 0; col < gridSize; col++) { if (cells[row][col].state === firstCell) { lineLength++; } else { allSame = false; break; } } if (allSame && lineLength === 3) { gameState = 'won'; winner = firstCell; if (winner === 'X') { LK.setScore(LK.getScore() + 1); } else if (winner === 'O') { LK.showYouWin(); } LK.getSound('winSound').play(); // Restart game after 2 seconds LK.setTimeout(function () { resetGame(); }, 2000); return; } } // Check columns for (var col = 0; col < gridSize; col++) { var allSame = true; var firstCell = cells[0][col].state; if (firstCell === 'empty') continue; var lineLength = 0; for (var row = 0; row < gridSize; row++) { if (cells[row][col].state === firstCell) { lineLength++; } else { allSame = false; break; } } if (allSame && lineLength === 3) { gameState = 'won'; winner = firstCell; if (winner === 'X') { LK.setScore(LK.getScore() + 1); } else if (winner === 'O') { LK.showYouWin(); } LK.getSound('winSound').play(); // Restart game after 2 seconds LK.setTimeout(function () { resetGame(); }, 2000); return; } } // Check diagonal (top-left to bottom-right) var allSame = true; var firstCell = cells[0][0].state; if (firstCell !== 'empty') { var lineLength = 0; for (var i = 0; i < gridSize; i++) { if (cells[i][i].state === firstCell) { lineLength++; } else { allSame = false; break; } } if (allSame && lineLength === 3) { gameState = 'won'; winner = firstCell; if (winner === 'X') { LK.setScore(LK.getScore() + 1); } else if (winner === 'O') { LK.showYouWin(); } LK.getSound('winSound').play(); // Restart game after 2 seconds LK.setTimeout(function () { resetGame(); }, 2000); return; } } // Check diagonal (top-right to bottom-left) allSame = true; firstCell = cells[0][gridSize - 1].state; if (firstCell !== 'empty') { var lineLength = 0; for (var i = 0; i < gridSize; i++) { if (cells[i][gridSize - 1 - i].state === firstCell) { lineLength++; } else { allSame = false; break; } } if (allSame && lineLength === 3) { gameState = 'won'; winner = firstCell; if (winner === 'X') { LK.setScore(LK.getScore() + 1); } else if (winner === 'O') { LK.showYouWin(); } LK.getSound('winSound').play(); // Restart game after 2 seconds LK.setTimeout(function () { resetGame(); }, 2000); return; } } // Check for draw var allFilled = true; for (var row = 0; row < gridSize; row++) { for (var col = 0; col < gridSize; col++) { if (cells[row][col].state === 'empty') { allFilled = false; break; } } if (!allFilled) break; } if (allFilled) { gameState = 'draw'; } } function updateUI() { if (gameState === 'won') { statusText.setText('Player ' + winner + ' Wins!'); } else if (gameState === 'draw') { statusText.setText('It\'s a Draw!'); } else { statusText.setText('Player ' + currentPlayer + '\'s Turn'); } scoreText.setText('Score: ' + LK.getScore()); } function startGame(mode) { gameMode = mode; gameState = 'playing'; currentPlayer = 'X'; winner = null; // Hide menu elements titleText.visible = false; multiplayerButton.visible = false; aiButton.visible = false; shopButton.visible = false; // Show game elements statusText.visible = true; resetButton.visible = true; backButton.visible = true; initializeGrid(); updateUI(); } function showMenu() { gameState = 'menu'; gameMode = null; // Hide game elements statusText.visible = false; resetButton.visible = false; backButton.visible = false; shopTitle.visible = false; // Show menu elements titleText.visible = true; multiplayerButton.visible = true; aiButton.visible = true; shopButton.visible = true; // Clear grid for (var i = 0; i < cells.length; i++) { for (var j = 0; j < cells[i].length; j++) { if (cells[i][j]) { cells[i][j].destroy(); } } } cells = []; // Clear shop items for (var i = 0; i < shopItems.length; i++) { shopItems[i].destroy(); } shopItems = []; } function showShop() { gameState = 'shop'; // Hide menu elements titleText.visible = false; multiplayerButton.visible = false; aiButton.visible = false; shopButton.visible = false; // Show shop elements shopTitle.visible = true; backButton.visible = true; // Create shop items var itemsPerRow = 3; var itemSpacing = 300; var startX = 2048 / 2 - (itemsPerRow - 1) * itemSpacing / 2; var startY = 2732 / 2 - 100; for (var i = 0; i < skinData.length; i++) { var shopItem = new ShopItem(skinData[i]); var row = Math.floor(i / itemsPerRow); var col = i % itemsPerRow; shopItem.x = startX + col * itemSpacing; shopItem.y = startY + row * 250; shopItems.push(shopItem); game.addChild(shopItem); } } function updateShopUI() { for (var i = 0; i < shopItems.length; i++) { shopItems[i].updateButton(); } scoreText.setText('Score: ' + LK.getScore()); } function resetGame() { gameState = 'playing'; currentPlayer = 'X'; winner = null; for (var row = 0; row < gridSize; row++) { for (var col = 0; col < gridSize; col++) { cells[row][col].reset(); } } updateUI(); } // Menu button functionality multiplayerButton.down = function (x, y, obj) { if (gameState === 'menu') { startGame('multiplayer'); } }; aiButton.down = function (x, y, obj) { if (gameState === 'menu') { startGame('ai'); } }; shopButton.down = function (x, y, obj) { if (gameState === 'menu') { showShop(); } }; // Reset button functionality resetButton.down = function (x, y, obj) { if (gameState === 'playing') { resetGame(); } }; // Back button functionality backButton.down = function (x, y, obj) { if (gameState === 'shop') { showMenu(); } else { showMenu(); } }; function makeAIMove() { if (gameState !== 'playing' || currentPlayer !== 'O') return; // Simple AI: find first empty cell var emptyCells = []; for (var row = 0; row < gridSize; row++) { for (var col = 0; col < gridSize; col++) { if (cells[row][col].state === 'empty') { emptyCells.push({ row: row, col: col }); } } } if (emptyCells.length > 0) { var randomIndex = Math.floor(Math.random() * emptyCells.length); var move = emptyCells[randomIndex]; cells[move.row][move.col].placeSymbol('O'); checkWin(); if (gameState === 'playing') { currentPlayer = 'X'; updateUI(); } } } // Initialize the game - start with menu showMenu();