class TicTacToe extends Phaser.Scene { constructor() { super(); this.board = [ ['', '', ''], ['', '', ''], ['', '', ''] ]; this.currentPlayer = 'X'; this.gameOver = false; this.marks = []; this.winLine = null; this.playingWithBot = false; this.botStarts = false; this.botDifficulty = 'impossible'; this.turnCount = 0; this.selectedMark = null; this.playerXWins = 0; this.playerOWins = 0; this.totalGames = 0; } preload() { this.load.image('background', 'https://play.rosebud.ai/assets/hammyjr_gstyled.png?UFMN'); } create() { // Add background image this.add.image(200, 200, 'background').setDisplaySize(400, 400); // Add game mode selection text this.add.text(200, 115.11, 'Choose game mode:', { fontSize: '28px', fontStyle: 'bold', fill: '#00FF00' }).setOrigin(0.5); // Add buttons for game mode selection this.createButton(200, 175, 'Play with Friend', () => this.startGame(false)); this.createButton(200, 225, 'Play Hammy Junior', () => this.startGame(true, 'impossible')); // Add link this.add.text(390, 390, 'hammyjr.com', { fontSize: '12px', fill: '#0000FF' }).setOrigin(1, 1).setInteractive().on('pointerdown', () => { window.open('https://hammyjr.com', '_blank'); }); } createButton(x, y, text, callback) { let button = this.add.text(x, y, text, { fontSize: '24px', fontStyle: 'bold', fill: '#000' }) .setOrigin(0.5) .setInteractive() .on('pointerdown', callback); button.setBackgroundColor('#DDDDDD'); button.setPadding(10); } startGame(withBot, botDifficulty = 'impossible') { this.playingWithBot = withBot; this.botDifficulty = botDifficulty; this.children.removeAll(); this.add.image(200, 200, 'background').setDisplaySize(400, 400); this.createGrid(); this.add.text(390, 390, 'hammyjr.com', { fontSize: '12px', fill: '#0000FF' }).setOrigin(1, 1).setInteractive().on('pointerdown', () => { window.open('https://hammyjr.com', '_blank'); }); // Initialize the game state this.board = [ ['', '', ''], ['', '', ''], ['', '', ''] ]; this.gameOver = false; this.marks = []; this.winLine = null; this.turnCount = 0; this.selectedMark = null; // Add text for current player this.playerText = this.add.text(200, 30, '', { fontSize: '28px', fontStyle: 'bold', fill: '#000' }).setOrigin(0.5); this.scoreText = this.add.text(200, 368.89, `Score: X - ${this.playerXWins} | O - ${this.playerOWins}`, { fontSize: '20px', fill: '#FFFF00' }).setOrigin(0.5); // Add reset button this.resetButton = this.add.text(0, 380, 'Restart', { fontSize: '16px', fontStyle: 'bold', fill: '#FFFF00', backgroundColor: '#00FF00' }) .setOrigin(0, 0.5) .setPadding(10) .setInteractive() .on('pointerdown', () => this.scene.start()) .setVisible(false); this.moreGamesButton = this.add.text(400, 380, 'more Hammy Jr. games', { fontSize: '16px', fontStyle: 'bold', fill: '#FFFFFF', backgroundColor: '#FF0000' }) .setOrigin(1, 0.5) .setPadding(10) .setInteractive() .on('pointerdown', () => { window.open('https://hammyjr.com/bitcoin-crypto-games', '_blank'); }) .setVisible(false); this.startNewRound(); } createGrid() { for (let i = 0; i < 3; i++) { for (let j = 0; j < 3; j++) { let cell = this.add.rectangle(100 + j * 100, 100 + i * 100, 90, 90, 0xFFFFFF) .setInteractive() .on('pointerdown', () => this.placeMark(i, j)); cell.setStrokeStyle(2, 0x000000); } } } placeMark(row, col) { if (this.gameOver) return; if (this.turnCount >= 8) { if (this.selectedMark) { if (this.board[row][col] === '') { // Move the selected mark to the new empty cell this.board[this.selectedMark.row][this.selectedMark.col] = ''; this.board[row][col] = this.currentPlayer; // Move the text object this.selectedMark.text.setPosition(100 + col * 100, 100 + row * 100); // Clear selection highlight this.marks.forEach(mark => mark.text.setShadow(0, 0, '#000', 0)); this.selectedMark = null; if (this.checkWin(row, col)) { this.handleRoundWin(); } else { this.switchPlayer(); } } } else if (this.board[row][col] === this.currentPlayer) { // Select a mark to move const markAtCell = this.marks.find(mark => { const markRow = Math.floor((mark.text.y - 50) / 100); const markCol = Math.floor((mark.text.x - 50) / 100); return markRow === row && markCol === col; }); if (markAtCell) { if (this.selectedMark && this.selectedMark.row === row && this.selectedMark.col === col) { // Deselect the current piece this.selectedMark.text.setShadow(0, 0, '#000', 0); this.selectedMark = null; } else { // Select a new piece, deselecting the old one if it exists if (this.selectedMark) { this.selectedMark.text.setShadow(0, 0, '#000', 0); } this.selectedMark = { text: markAtCell.text, row: row, col: col }; markAtCell.text.setShadow(2, 2, '#FFFF00', 5, true, true); } } } } else { if (this.board[row][col] === '') { this.board[row][col] = this.currentPlayer; let markText = this.add.text(100 + col * 100, 100 + row * 100, this.currentPlayer, { fontSize: '72px', fontStyle: 'bold', fill: this.currentPlayer === 'X' ? '#FF0000' : '#0000FF' }).setOrigin(0.5); this.marks.push({ text: markText, player: this.currentPlayer }); this.turnCount++; if (this.checkWin(row, col)) { this.handleRoundWin(); } else if (this.checkDraw()) { this.playerText.setText("It's a draw!"); this.time.delayedCall(1500, this.startNewRound, [], this); } else { this.switchPlayer(); } } } } switchPlayer() { if (this.winLineGraphics) { this.winLineGraphics.clear(); } this.currentPlayer = this.currentPlayer === 'X' ? 'O' : 'X'; this.playerText.setText(`Current Player: ${this.currentPlayer}`); this.playerText.setColor(this.currentPlayer === 'X' ? '#FF0000' : '#0000FF'); if (this.playingWithBot && this.currentPlayer === 'O') { this.time.delayedCall(500, this.botMove, [], this); } } botMove() { if (!this.gameOver) { if (this.turnCount >= 8) { // Movement phase let bestMove = this.getBestBotMove(); if (bestMove) { // Select the piece to move let markToSelect = this.marks.find(mark => { let markRow = Math.floor((mark.text.y - 50) / 100); let markCol = Math.floor((mark.text.x - 50) / 100); return markRow === bestMove.from.row && markCol === bestMove.from.col; }); this.selectedMark = { text: markToSelect.text, row: bestMove.from.row, col: bestMove.from.col }; // Place the mark in the new position this.time.delayedCall(500, () => this.placeMark(bestMove.to.row, bestMove.to.col), [], this); } } else { // Placement phase let move; if (this.botDifficulty === 'impossible') { move = this.getBestMove(); } else { move = this.getMediumMove(); } if (move) { this.placeMark(move.row, move.col); } } } } getBestMove() { let bestScore = -Infinity; let bestMove; for (let i = 0; i < 3; i++) { for (let j = 0; j < 3; j++) { if (this.board[i][j] === '') { this.board[i][j] = 'O'; let score = this.minimax(this.board, 0, false); this.board[i][j] = ''; if (score > bestScore) { bestScore = score; bestMove = { row: i, col: j }; } } } } return bestMove; } getBestBotMove() { // Simplified bot logic for movement phase. // Find all possible moves for the bot. let possibleMoves = []; let botPieces = []; let emptyCells = []; for (let i = 0; i < 3; i++) { for (let j = 0; j < 3; j++) { if (this.board[i][j] === 'O') { botPieces.push({ row: i, col: j }); } else if (this.board[i][j] === '') { emptyCells.push({ row: i, col: j }); } } } // Check if any move can win the game for (let piece of botPieces) { for (let cell of emptyCells) { this.board[piece.row][piece.col] = ''; this.board[cell.row][cell.col] = 'O'; if (this.checkWin(cell.row, cell.col)) { this.board[piece.row][piece.col] = 'O'; // Revert board state this.board[cell.row][cell.col] = ''; return { from: piece, to: cell }; } this.board[piece.row][piece.col] = 'O'; // Revert board state this.board[cell.row][cell.col] = ''; } } // If no winning move, make a random valid move if (botPieces.length > 0 && emptyCells.length > 0) { let randomPiece = botPieces[Math.floor(Math.random() * botPieces.length)]; let randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)]; return { from: randomPiece, to: randomCell }; } return null; // Should not happen in a valid game state } getMediumMove() { // 50% chance to make the best move, 50% chance to make a random move if (Math.random() < 0.5) { return this.getBestMove(); } else { let emptyCells = []; for (let i = 0; i < 3; i++) { for (let j = 0; j < 3; j++) { if (this.board[i][j] === '') { emptyCells.push({ row: i, col: j }); } } } return emptyCells[Math.floor(Math.random() * emptyCells.length)]; } } minimax(board, depth, isMaximizing) { let result = this.checkWinningState(); if (result !== null) { return result; } if (isMaximizing) { let bestScore = -Infinity; for (let i = 0; i < 3; i++) { for (let j = 0; j < 3; j++) { if (board[i][j] === '') { board[i][j] = 'O'; let score = this.minimax(board, depth + 1, false); board[i][j] = ''; bestScore = Math.max(score, bestScore); } } } return bestScore; } else { let bestScore = Infinity; for (let i = 0; i < 3; i++) { for (let j = 0; j < 3; j++) { if (board[i][j] === '') { board[i][j] = 'X'; let score = this.minimax(board, depth + 1, true); board[i][j] = ''; bestScore = Math.min(score, bestScore); } } } return bestScore; } } checkWinningState() { for (let i = 0; i < 3; i++) { if (this.board[i][0] === this.board[i][1] && this.board[i][1] === this.board[i][2] && this.board[i][0] !== '') { return this.board[i][0] === 'O' ? 10 : -10; } if (this.board[0][i] === this.board[1][i] && this.board[1][i] === this.board[2][i] && this.board[0][i] !== '') { return this.board[0][i] === 'O' ? 10 : -10; } } if (this.board[0][0] === this.board[1][1] && this.board[1][1] === this.board[2][2] && this.board[0][0] !== '') { return this.board[0][0] === 'O' ? 10 : -10; } if (this.board[0][2] === this.board[1][1] && this.board[1][1] === this.board[2][0] && this.board[0][2] !== '') { return this.board[0][2] === 'O' ? 10 : -10; } let openSpots = 0; for (let i = 0; i < 3; i++) { for (let j = 0; j < 3; j++) { if (this.board[i][j] === '') { openSpots++; } } } if (openSpots === 0) { return 0; } return null; } checkWin(row, col) { const player = this.board[row][col]; // Check row if (this.board[row].every(cell => cell === player)) { this.winLine = { type: 'row', index: row }; return true; } // Check column if (this.board.every(r => r[col] === player)) { this.winLine = { type: 'col', index: col }; return true; } // Check diagonals if (row === col && this.board.every((r, i) => r[i] === player)) { this.winLine = { type: 'diag', index: 0 }; return true; } if (row + col === 2 && this.board.every((r, i) => r[2 - i] === player)) { this.winLine = { type: 'diag', index: 1 }; return true; } return false; } drawWinLine() { if (!this.winLineGraphics) { this.winLineGraphics = this.add.graphics(); } this.winLineGraphics.lineStyle(5, 0x00FF00, 1); switch (this.winLine.type) { case 'row': this.winLineGraphics.moveTo(55, 100 + this.winLine.index * 100); this.winLineGraphics.lineTo(345, 100 + this.winLine.index * 100); break; case 'col': this.winLineGraphics.moveTo(100 + this.winLine.index * 100, 55); this.winLineGraphics.lineTo(100 + this.winLine.index * 100, 345); break; case 'diag': if (this.winLine.index === 0) { this.winLineGraphics.moveTo(55, 55); this.winLineGraphics.lineTo(345, 345); } else { this.winLineGraphics.moveTo(345, 55); this.winLineGraphics.lineTo(55, 345); } break; } this.winLineGraphics.strokePath(); } checkDraw() { return this.board.flat().filter(cell => cell === '').length === 0; } startNewRound() { this.marks.forEach(mark => mark.text.destroy()); this.marks = []; if (this.winLineGraphics) { this.winLineGraphics.clear(); } this.board = [ ['', '', ''], ['', '', ''], ['', '', ''] ]; this.turnCount = 0; this.selectedMark = null; if (this.playingWithBot) { this.botStarts = !this.botStarts; // Alternate starting player this.currentPlayer = this.botStarts ? 'O' : 'X'; } else { this.currentPlayer = 'X'; } this.playerText.setText(`Current Player: ${this.currentPlayer}`); this.playerText.setColor(this.currentPlayer === 'X' ? '#FF0000' : '#0000FF'); if (this.playingWithBot && this.currentPlayer === 'O') { this.time.delayedCall(500, this.botMove, [], this); } } handleRoundWin() { this.gameOver = true; // Pause input if (this.currentPlayer === 'X') { this.playerXWins++; } else { this.playerOWins++; } this.scoreText.setText(`Score: X - ${this.playerXWins} | O - ${this.playerOWins}`); this.drawWinLine(); this.totalGames++; if ((this.playingWithBot && this.totalGames === 5) || this.playerXWins === 3 || this.playerOWins === 3) { let winnerText = `Player ${this.currentPlayer} wins the game!`; if (this.playingWithBot && this.totalGames === 5) { winnerText = (this.playerXWins > this.playerOWins) ? 'Player X wins the series!' : 'Hammy Junior wins the series!'; } this.playerText.setText(winnerText); this.showRestartButton(); } else { this.playerText.setText(`Player ${this.currentPlayer} wins the round!`); this.time.delayedCall(1500, () => { this.gameOver = false; // Unpause this.startNewRound(); }, [], this); } } resetGame() { this.playerXWins = 0; this.playerOWins = 0; this.totalGames = 0; this.scene.start(); } showRestartButton() { this.resetButton.setVisible(true); this.moreGamesButton.setVisible(true); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 400, height: 400, scene: TicTacToe }; window.phaserGame = new Phaser.Game(config);