AI creating five nights at Freddy's's game | AI game creator

Click here for free DL of the app version that can save data.

No:12382

73

AI creating five nights at Freddy's
Developer User5081｜Date and time 23/8/15 11:02:29
Build time 19.511 sec｜Game capacity 2.838KB｜

→ 　

0　

0　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

(C)2023 HisashiApp

<html>
<head>
<style>
  body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
  }
  
  .game-container {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  
  .start-button {
    padding: 10px 20px;
    background-color: #333;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    margin-bottom: 20px;
  }
  
  .game-board {
    width: 300px;
    height: 300px;
    display: flex;
    flex-wrap: wrap;
  }
  
  .square {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #333;
    cursor: pointer;
    font-size: 40px;
  }
</style>
</head>
<body>
  <div class="game-container">
    <button class="start-button">Start Game</button>
    <div class="game-board"></div>
  </div>

<script>
    document.addEventListener('DOMContentLoaded', function() {
      const gameContainer = document.querySelector('.game-container');
      const startButton = document.querySelector('.start-button');
      const gameBoard = document.querySelector('.game-board');
      let gameStarted = false;
      let gameOver = false;
      let turn = 'X';

const gameCells = Array.from({ length: 9 });

function startGame() {
        gameStarted = true;
        gameBoard.innerHTML = '';
        gameCells.forEach(function(_, index) {
          const cell = document.createElement('div');
          cell.classList.add('square');
          cell.addEventListener('click', function() {
            if (!gameOver && gameCells[index] === undefined) {
              gameCells[index] = turn;
              cell.innerText = turn;
              checkWinner();
              changeTurn();
            }
          });
          gameBoard.appendChild(cell);
        });
      }

function checkWinner() {
        const winningCombos = [
          [0, 1, 2], [3, 4, 5], [6, 7, 8], // Rows
          [0, 3, 6], [1, 4, 7], [2, 5, 8], // Columns
          [0, 4, 8], [2, 4, 6] // Diagonals
        ];
        
        for (const combo of winningCombos) {
          const [a, b, c] = combo;
          if (gameCells[a] !== undefined && gameCells[a] === gameCells[b] && gameCells[a] === gameCells[c]) {
            gameStarted = false;
            gameOver = true;
            gameContainer.innerHTML = `<h1>${turn} is the winner!</h1>`;
            break;
          }
        }
        
        if (!gameOver && !gameCells.includes(undefined)) {
          gameStarted = false;
          gameContainer.innerHTML = '<h1>It\'s a draw!</h1>';
        }
      }
      
      function changeTurn() {
        turn = turn === 'X' ? 'O' : 'X';
      }

startButton.addEventListener('click', startGame);
    });
  </script>
</body>
</html>