Make a horror game in amoong us's game | AI game creator

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

No:45822

74

Make a horror game in amoong us
Developer User19698｜Date and time 24/2/21 11:56:23
Build time 6.502 sec｜Game capacity 1.767KB｜

→ 　

0　

0　

　
　
　
　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
  <title>Among Us Horror Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let playerX = 400;
    let playerY = 300;
    let playerSpeed = 5;
    let playerColor = 'red';

let impostorX = Math.random() * 800;
    let impostorY = Math.random() * 600;
    
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      movePlayer();
      drawPlayer();
      drawImpostor();
      
      checkCollision();
      
      requestAnimationFrame(gameLoop);
    }
    
    function movePlayer() {
      document.addEventListener('keydown', function(event) {
        switch(event.key) {
          case 'ArrowUp':
            playerY -= playerSpeed;
            break;
          case 'ArrowDown':
            playerY += playerSpeed;
            break;
          case 'ArrowLeft':
            playerX -= playerSpeed;
            break;
          case 'ArrowRight':
            playerX += playerSpeed;
            break;
        }
      });
    }
    
    function drawPlayer() {
      ctx.fillStyle = playerColor;
      ctx.fillRect(playerX - 20, playerY - 20, 40, 40);
    }
    
    function drawImpostor() {
      ctx.fillStyle = 'purple';
      ctx.fillRect(impostorX - 20, impostorY - 20, 40, 40);
    }
    
    function checkCollision() {
      let dx = playerX - impostorX;
      let dy = playerY - impostorY;
      let distance = Math.sqrt(dx*dx + dy*dy);
      
      if (distance < 40) {
        alert('You were killed by the impostor! Game Over!');
        location.reload();
      }
    }
    
    gameLoop();
  </script>
</body>
</html>