AI game creator

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

No:8976

←

Prev Next

→

Cat
Developer User4276｜Date and time 23/7/20 0:48:39
Build time 41.929 sec｜Game capacity 4.144KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Jogo do Gato</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

var player1Turn = true;

gatoImage.onload = function() {
      drawBoard();
    };

gatoImage.src = "gato.png";

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

for (var i = 0; i < numBlocks; i++) {
        for (var j = 0; j < numBlocks; j++) {
          var x = j * blockSize;
          var y = i * blockSize;

ctx.drawImage(gatoImage, x, y, blockSize, blockSize);

if (gameMatrix[i][j] === 1) {
            // Draw player 1 symbol
            drawSymbol(x, y, "X");
          } else if (gameMatrix[i][j] === 2) {
            // Draw player 2 symbol
            drawSymbol(x, y, "O");
          }
        }
      }
    }

function drawSymbol(x, y, symbol) {
      ctx.font = "48px Arial";
      ctx.fillStyle = "black";
      ctx.textAlign = "center";
      ctx.textBaseline = "middle";
      ctx.fillText(symbol, x + blockSize / 2, y + blockSize / 2);
    }

function handlePlayerMove(event) {
      var rect = canvas.getBoundingClientRect();
      var mouseX = event.clientX - rect.left;
      var mouseY = event.clientY - rect.top;

var blockX = Math.floor(mouseX / blockSize);
      var blockY = Math.floor(mouseY / blockSize);

if (player1Turn && gameMatrix[blockY][blockX] === 0) {
        gameMatrix[blockY][blockX] = 1;
        player1Turn = false;
      } else if (!player1Turn && gameMatrix[blockY][blockX] === 0) {
        gameMatrix[blockY][blockX] = 2; 
        player1Turn = true;
      }

drawBoard();
      checkGameStatus();
    }

function checkGameStatus() {
      // Check for win conditions
      for (var i = 0; i < numBlocks; i++) {
        if (gameMatrix[i][0] === gameMatrix[i][1] && 
            gameMatrix[i][1] === gameMatrix[i][2] &&
            gameMatrix[i][2] === gameMatrix[i][3] &&
            gameMatrix[i][0] !== 0) {
          announceWinner(gameMatrix[i][0]);
          return;
        }

if (gameMatrix[0][i] === gameMatrix[1][i] && 
            gameMatrix[1][i] === gameMatrix[2][i] &&
            gameMatrix[2][i] === gameMatrix[3][i] &&
            gameMatrix[0][i] !== 0) {
          announceWinner(gameMatrix[0][i]);
          return;
        }
      }

if (gameMatrix[0][0] === gameMatrix[1][1] &&
          gameMatrix[1][1] === gameMatrix[2][2] &&
          gameMatrix[2][2] === gameMatrix[3][3] &&
          gameMatrix[0][0] !== 0) {
        announceWinner(gameMatrix[0][0]);
        return;
      }

if (gameMatrix[0][3] === gameMatrix[1][2] &&
          gameMatrix[1][2] === gameMatrix[2][1] &&
          gameMatrix[2][1] === gameMatrix[3][0] &&
          gameMatrix[0][3] !== 0) {
        announceWinner(gameMatrix[0][3]);
        return;
      }

// Check for tie
      var emptyBlocks = 0;
      for (var i = 0; i < numBlocks; i++) {
        for (var j = 0; j < numBlocks; j++) {
          if (gameMatrix[i][j] === 0) {
            emptyBlocks++;
          }
        }
      }
      
      if (emptyBlocks === 0) {
        announceWinner(0);
        return;
      }
    }

alert(message);
      resetGame();
    }

function resetGame() {
      gameMatrix = [[0, 0, 0, 0],
                    [0, 0, 0, 0],
                    [0, 0, 0, 0],
                    [0, 0, 0, 0]];

player1Turn = true;
      drawBoard();
    }

canvas.addEventListener("click", handlePlayerMove);
  </script>
</body>
</html>