AI game creator

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

No:28578

←

Prev Next

→

Among us
Developer User13750｜Date and time 23/12/13 4:39:50
Build time 34.298 sec｜Game capacity 2.415KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Among Us Game</title>
  <style>
    body {
      background-color: #000;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    #canvas {
      border: 2px solid #fff;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="400" height="600"></canvas>
  
  <script>
    const canvas = document.getElementById("canvas");
    const context = canvas.getContext("2d");

// Load game assets
    const crewmateImg = new Image();
    crewmateImg.src = "https://..."; // Pictogram URL for crewmate
    
    const impostorImg = new Image();
    impostorImg.src = "https://..."; // Pictogram URL for impostor
    
    // Game variables
    let crewmateX = 200;
    let crewmateY = 300;
    let impostorX = Math.random() * 400; // Randomize impostor's starting X position
    let impostorY = 100;
    
    // Draw crewmate and impostor
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);
    
      context.drawImage(crewmateImg, crewmateX, crewmateY, 50, 50);
      context.drawImage(impostorImg, impostorX, impostorY, 50, 50);
    }

// Handle user input
    function handleInput(event) {
      const key = event.key;
      
      if (key === "ArrowUp" && crewmateY > 0) {
        crewmateY -= 10;
      } else if (key === "ArrowDown" && crewmateY < canvas.height - 50) {
        crewmateY += 10;
      } else if (key === "ArrowLeft" && crewmateX > 0) {
        crewmateX -= 10;
      } else if (key === "ArrowRight" && crewmateX < canvas.width - 50) {
        crewmateX += 10;
      }
      
      checkCollision();
      draw();
    }

// Check collision between crewmate and impostor
    function checkCollision() {
      if (
        crewmateX < impostorX + 50 &&
        crewmateX + 50 > impostorX &&
        crewmateY < impostorY + 50 &&
        crewmateY + 50 > impostorY
      ) {
        alert("Game Over! You've been caught by the impostor!");
        resetGame();
      }
    }

// Reset game
    function resetGame() {
      crewmateX = 200;
      crewmateY = 300;
      impostorX = Math.random() * 400;
      impostorY = 100;
    }

// Event listeners
    window.addEventListener("keydown", handleInput);
    
    // Start the game
    function startGame() {
      setInterval(draw, 30);
    }

startGame(); // Start the game loop
  </script>
</body>
</html>