Ai creat human , human creat ai, grid text game's game

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

No:51377

160

←

Prev Next

→

Ai creat human , human creat ai, grid text game
Developer User18896｜Date and time 24/3/12 0:55:32
Build time 7.628 sec｜Game capacity 1.157KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<html>
  <head>
    <title>Human vs AI Grid Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
      const canvas = document.getElementById("gameCanvas");
      const ctx = canvas.getContext("2d");

const grid = [
        ["🤖", "🤖", "🤖"],
        ["🤖", "🧑", "🤖"],
        ["🤖", "🤖", "🤖"]
      ];

let currentPlayer = "🧑";

canvas.addEventListener("click", (event) => {
        const rect = canvas.getBoundingClientRect();
        const x = Math.floor((event.clientX - rect.left) / 100);
        const y = Math.floor((event.clientY - rect.top) / 100);

if (grid[y][x] === "🤖") {
          grid[y][x] = currentPlayer;
          currentPlayer = currentPlayer === "🧑" ? "🤖" : "🧑";
        }

drawGrid();
      });

function drawGrid() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

for (let y = 0; y < 3; y++) {
          for (let x = 0; x < 3; x++) {
            ctx.fillText(grid[y][x], x * 100 + 50, y * 100 + 50);
          }
        }
      }

drawGrid();
    </script>
  </body>
</html>