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

No:33039

121

←

Prev Next

→

cell 4 AI game
Developer User15526｜Date and time 24/1/2 7:17:40
Build time 23.846 sec｜Game capacity 4.073KB｜

Script

Sure! Here's an example of a simple cell 4 AI game implemented as a single HTML file:

Cell 4 AI Game

This implementation creates a 4x4 grid game board where users can click on each cell to make their move (represented by pictograms - ⚫️ and ⚪️). The game supports playing against an AI opponent that makes random moves within the empty cells. The game checks for winning combinations after each move and alerts the player if they win. You can freely customize this code to add additional features or change the appearance based on your preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure! Here's an example of a simple cell 4 AI game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Cell 4 AI Game</title>
    <style>
      table {
        border-collapse: collapse;
      }
      td {
        width: 100px;
        height: 100px;
        border: 1px solid black;
        text-align: center;
        font-size: 48px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>Cell 4 AI Game</h1>
    <table id="gameBoard">
      <tr>
        <td onclick="playerMove(0)"></td>
        <td onclick="playerMove(1)"></td>
        <td onclick="playerMove(2)"></td>
        <td onclick="playerMove(3)"></td>
      </tr>
      <tr>
        <td onclick="playerMove(4)"></td>
        <td onclick="playerMove(5)"></td>
        <td onclick="playerMove(6)"></td>
        <td onclick="playerMove(7)"></td>
      </tr>
      <tr>
        <td onclick="playerMove(8)"></td>
        <td onclick="playerMove(9)"></td>
        <td onclick="playerMove(10)"></td>
        <td onclick="playerMove(11)"></td>
      </tr>
      <tr>
        <td onclick="playerMove(12)"></td>
        <td onclick="playerMove(13)"></td>
        <td onclick="playerMove(14)"></td>
        <td onclick="playerMove(15)"></td>
      </tr>
    </table>

// Reset the game
      function resetGame() {
        currentPlayer = PLAYER;
        gameBoard = new Array(BOARD_SIZE).fill('');
        updateInterface();
      }

// Update the game board interface
      function updateInterface() {
        const cells = document.querySelectorAll('#gameBoard td');
        for (let i = 0; i < BOARD_SIZE; i++) {
          cells[i].innerText = gameBoard[i];
        }
      }

// Perform player move
      function playerMove(index) {
        if (gameBoard[index] === '') {
          gameBoard[index] = currentPlayer;
          currentPlayer = currentPlayer === PLAYER ? AI : PLAYER;
          updateInterface();
          checkWin();
          aiMove();
        }
      }

// Perform AI move
      function aiMove() {
        const emptyCells = gameBoard.reduce((acc, cell, index) => {
          if (cell === '') acc.push(index);
          return acc;
        }, []);

if (emptyCells.length > 0) {
          const randomIndex = Math.floor(Math.random() * emptyCells.length);
          gameBoard[emptyCells[randomIndex]] = AI;
          currentPlayer = PLAYER;
          updateInterface();
          checkWin();
        }
      }

// Check if there is a winning combination
      function checkWin() {
        for (let combination of WINNING_COMBINATIONS) {
          const [a, b, c, d] = combination;
          if (
            gameBoard[a] !== '' &&
            gameBoard[a] === gameBoard[b] &&
            gameBoard[a] === gameBoard[c] &&
            gameBoard[a] === gameBoard[d]
          ) {
            setTimeout(() => {
              alert(`${gameBoard[a]} wins!`);
              resetGame();
            }, 100);
            break;
          }
        }
      }

updateInterface();
    </script>
  </body>
</html>
```