Ai vs chat gpt, 2 square's, red is ai, blue is chat gpt, moving's game

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

No:37896

←

Prev Next

→

Ai vs chat gpt, 2 square's, red is ai, blue is cha..ALL
Developer User17064｜Date and time 24/1/21 19:19:39
Build time 10.575 sec｜Game capacity 2.384KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Ai vs Chat GPT Game</title>
  <style>
    #board {
      width: 400px;
      height: 400px;
      border: 1px solid black;
      position: relative;
    }

.square {
      width: 50px;
      height: 50px;
      border: 1px solid black;
      position: absolute;
    }

#ai {
      background-color: red;
    }

#chatgpt {
      background-color: blue;
    }
  </style>
</head>
<body>
  <div id="board">
    <div id="ai" class="square"></div>
    <div id="chatgpt" class="square"></div>
  </div>

// Function to update the position of AI
    function updateAI() {
      aiElement.style.left = aiPosition.x * squareSize + "px";
      aiElement.style.top = aiPosition.y * squareSize + "px";
    }

// Function to update the position of Chat GPT
    function updateChatGPT() {
      chatgptElement.style.left = chatgptPosition.x * squareSize + "px";
      chatgptElement.style.top = chatgptPosition.y * squareSize + "px";
    }

// Function to handle user input and move AI
    function moveAI(event) {
      var key = event.key;
      var newPosition = {};

switch (key) {
        case "ArrowUp":
          newPosition = { x: aiPosition.x, y: aiPosition.y - 1 };
          break;
        case "ArrowDown":
          newPosition = { x: aiPosition.x, y: aiPosition.y + 1 };
          break;
        case "ArrowLeft":
          newPosition = { x: aiPosition.x - 1, y: aiPosition.y };
          break;
        case "ArrowRight":
          newPosition = { x: aiPosition.x + 1, y: aiPosition.y };
          break;
      }

// Check if the new position is within the board limits
      if (
        newPosition.x >= 0 &&
        newPosition.x < boardSize &&
        newPosition.y >= 0 &&
        newPosition.y < boardSize
      ) {
        aiPosition = newPosition;
        updateAI();
      }
    }

// Listener for user arrow key input
    document.addEventListener("keydown", moveAI);

// Initial position setup
    updateAI();
    updateChatGPT();
  </script>
</body>
</html>