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

No:18480

←

Prev Next

→

AIゲームクリエイター
Developer User8178｜Date and time 23/9/29 16:58:48
Build time 62.616 sec｜Game capacity 4.242KB｜

Script

了解です。以下に、簡単なAIゲームを作成するためのHTMLとJavaScriptのコードを示します。

AIゲーム

このプログラムは、三目並べ（Tic Tac Toe）というゲームを再現しています。プレイヤー(X)とAIプレイヤー(O)が交互にマスを選んでいきます。どちらかが勝利条件を満たすか、全てのマスが埋まるとゲーム終了です。 HTMLの`<div id="board">`内にはゲーム盤が表示されます。クリックイベントによって`makeMove()`関数が呼び出され、指定されたマスにプレイヤーのシンボル（XまたはO）が表示されます。勝利チェックや次の移動を決定するAIのロジックはJavaScriptで実装されています。このコードをHTMLファイルに実装し、ブラウザで開くことで「AIゲーム」として遊ぶことができます。スマートフォンでも操作可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解です。以下に、簡単なAIゲームを作成するためのHTMLとJavaScriptのコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>AIゲーム</title>
</head>
<body>

<h1>AIゲーム</h1>

const winConditions = [[0, 1, 2], [3, 4, 5], [6, 7, 8], [0, 3, 6], [1, 4, 7], [2, 5, 8], [0, 4, 8], [2, 4, 6]];

function makeMove(index) {
    if (!gameOver && board[index] === "") {
      board[index] = currentPlayer;
      document.getElementsByClassName("cell")[index].innerText = currentPlayer;

if (checkWin(currentPlayer)) {
        document.getElementById("result").innerText = currentPlayer + "の勝利！";
        gameOver = true;
      } else if (board.every(cell => cell !== "")) {
        document.getElementById("result").innerText = "引き分け";
        gameOver = true;
      }
      
      currentPlayer = (currentPlayer === "X") ? "O" : "X";

if (!gameOver && currentPlayer === "O") {
        makeAIMove();
      }
    }
  }

function makeAIMove() {
    let index = getNextMove();
    makeMove(index);
  }

for (let condition of winConditions) {
      if (board[condition[0]] === "X" && board[condition[1]] === "X" && board[condition[2]] === "") {
        return condition[2];
      } else if (board[condition[0]] === "X" && board[condition[2]] === "X" && board[condition[1]] === "") {
        return condition[1];
      } else if (board[condition[1]] === "X" && board[condition[2]] === "X" && board[condition[0]] === "") {
        return condition[0];
      }
    }

let emptyCells = board.reduce((acc, cell, index) => {
      if (cell === "") {
        acc.push(index);
      }
      return acc;
    }, []);

return emptyCells[Math.floor(Math.random() * emptyCells.length)];
  }

function checkWin(player) {
    for (let condition of winConditions) {
      if (board[condition[0]] === player && board[condition[1]] === player && board[condition[2]] === player) {
        return true;
      }
    }
    return false;
  }
</script>

.cell {
    width: 100px;
    height: 100px;
    background-color: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
  }
</style>

</body>
</html>
```

このプログラムは、三目並べ（Tic Tac Toe）というゲームを再現しています。プレイヤー(X)とAIプレイヤー(O)が交互にマスを選んでいきます。どちらかが勝利条件を満たすか、全てのマスが埋まるとゲーム終了です。

HTMLの`<div id="board">`内にはゲーム盤が表示されます。クリックイベントによって`makeMove()`関数が呼び出され、指定されたマスにプレイヤーのシンボル（XまたはO）が表示されます。勝利チェックや次の移動を決定するAIのロジックはJavaScriptで実装されています。

このコードをHTMLファイルに実装し、ブラウザで開くことで「AIゲーム」として遊ぶことができます。スマートフォンでも操作可能です。