/**** * Classes ****/ // // Class for a Tic Tac Toe cell var Cell = Container.expand(function () { var self = Container.call(this); self.value = null; // 'X' or 'O' self.graphics = self.attachAsset('cell', { anchorX: 0.5, anchorY: 0.5 }); self.setValue = function (value) { self.value = value; if (value === 'X') { self.graphics.tint = 0xff0000; // Red for X } else if (value === 'O') { self.graphics.tint = 0x0000ff; // Blue for O } }; self.reset = function () { self.value = null; self.graphics.tint = 0xffffff; // Reset to white }; self.isEmpty = function () { return self.value === null; }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 //Init game with black background }); /**** * Game Code ****/ // Initialize game variables var board = []; var currentPlayer = 'X'; var gameOver = false; var boardSize = 3; var cellSize = 200; var boardOffsetX = (2048 - boardSize * cellSize) / 2; var boardOffsetY = (2732 - boardSize * cellSize) / 2; // Create the board for (var i = 0; i < boardSize; i++) { board[i] = []; for (var j = 0; j < boardSize; j++) { var cell = new Cell(); cell.x = boardOffsetX + j * cellSize + cellSize / 2; cell.y = boardOffsetY + i * cellSize + cellSize / 2; game.addChild(cell); board[i][j] = cell; } } // Check for a win or draw function checkGameOver() { // Check if a player has cleared three boxes var xCount = 0; var oCount = 0; for (var i = 0; i < boardSize; i++) { for (var j = 0; j < boardSize; j++) { if (board[i][j].value === 'X') { xCount++; } else if (board[i][j].value === 'O') { oCount++; } } } if (xCount >= 3) { return 'X'; } else if (oCount >= 3) { return 'O'; } // Check for draw var draw = true; for (var i = 0; i < boardSize; i++) { for (var j = 0; j < boardSize; j++) { if (board[i][j].isEmpty()) { draw = false; break; } } } if (draw) { return 'draw'; } return null; } // Handle cell click function handleCellClick(x, y, obj) { if (gameOver) { return; } var cell = obj.target; if (cell.isEmpty()) { cell.setValue(currentPlayer); var result = checkGameOver(); if (result) { gameOver = true; if (result === 'draw') { console.log("It's a draw!"); } else { console.log(result + " wins!"); } } else { currentPlayer = currentPlayer === 'X' ? 'O' : 'X'; } } } // Attach event listeners to cells for (var i = 0; i < boardSize; i++) { for (var j = 0; j < boardSize; j++) { board[i][j].down = handleCellClick; } } // Reset the game function resetGame() { for (var i = 0; i < boardSize; i++) { for (var j = 0; j < boardSize; j++) { board[i][j].reset(); } } currentPlayer = 'X'; gameOver = false; } // Add a reset button var resetButton = new Text2('Reset', { size: 100, fill: "#ffffff" }); resetButton.anchor.set(0.5, 0.5); resetButton.x = 2048 / 2; resetButton.y = 2732 - 200; resetButton.down = resetGame; LK.gui.bottom.addChild(resetButton);