AI game creator

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

No:38766

←

Prev Next

→

Among Us but creepy
Developer User17421｜Date and time 24/1/25 9:24:10
Build time 11.341 sec｜Game capacity 2.507KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<html>
<head>
<style>
   body {
      margin: 0;
      padding: 0;
      overflow: hidden;
   }
   
   canvas {
      background: black;
      display: block;
   }
</style>
</head>
<body>
<canvas id="canvas"></canvas>
<script>
   // Creating the canvas
   const canvas = document.getElementById("canvas");
   const context = canvas.getContext("2d");
   
   // Defining the canvas width and height
   canvas.width = window.innerWidth;
   canvas.height = window.innerHeight;
   
   // Game Variables
   const player = {
      x: canvas.width / 2,
      y: canvas.height / 2,
      size: 50,
      speed: 5,
      color: "red"
   };
   
   const impostor = {
      x: Math.random() * canvas.width,
      y: Math.random() * canvas.height,
      size: 50,
      speed: 2,
      color: "lime"
   };
   
   let isGameOver = false;
   
   // Game Functions
   function drawPlayer() {
      context.fillStyle = player.color;
      context.fillRect(player.x - player.size / 2, player.y - player.size / 2, player.size, player.size);
   }
   
   function drawImpostor() {
      context.fillStyle = impostor.color;
      context.fillRect(impostor.x - impostor.size / 2, impostor.y - impostor.size / 2, impostor.size, impostor.size);
   }
   
   function movePlayer(event) {
      switch (event.keyCode) {
         case 37: // Left arrow key
            player.x -= player.speed;
            break;
         case 38: // Up arrow key
            player.y -= player.speed;
            break;
         case 39: // Right arrow key
            player.x += player.speed;
            break;
         case 40: // Down arrow key
            player.y += player.speed;
            break;
      }
   }
   
   function detectCollision() {
      const distance = Math.hypot(player.x - impostor.x, player.y - impostor.y);
      if (distance - player.size / 2 - impostor.size / 2 < 1) {
         isGameOver = true;
      }
   }
   
   function gameLoop() {
      context.clearRect(0, 0, canvas.width, canvas.height);
   
      if (!isGameOver) {
         drawPlayer();
         drawImpostor();
         detectCollision();
         requestAnimationFrame(gameLoop);
      } else {
         endGame();
      }
   }
   
   function endGame() {
      context.fillStyle = "white";
      context.font = "30px Arial";
      context.fillText("GAME OVER", canvas.width / 2 - 100, canvas.height / 2);
   }
   
   // Event Listeners
   window.addEventListener("keydown", movePlayer);
   
   // Start the game
   gameLoop();
</script>
</body>
</html>