Egy kis embert kel irányítani mert jön a meteor meghalsz 10 perc lesz's game

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

No:34735

←

Prev Next

→

Egy kis embert kel irányítani mert jön a meteor me..ALL
Developer User16254｜Date and time 24/1/11 13:26:55
Build time 9.514 sec｜Game capacity 2.22KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Meteor Survival Game</title>
</head>

// Define the player object
    const player = {
      x: canvas.width / 2,
      y: canvas.height / 2,
      size: 50,
      speed: 5
    };

// Define the meteor object
    const meteor = {
      x: Math.random() * canvas.width,
      y: Math.random() * canvas.height,
      size: 50,
      speed: 3
    };

// Handle player movement
    function handlePlayerMovement(event) {
      const key = event.key;
      
      if (key === "ArrowUp" && player.y > 0) {
        player.y -= player.speed;
      } else if (key === "ArrowDown" && player.y < canvas.height - player.size) {
        player.y += player.speed;
      } else if (key === "ArrowLeft" && player.x > 0) {
        player.x -= player.speed;
      } else if (key === "ArrowRight" && player.x < canvas.width - player.size) {
        player.x += player.speed;
      }
    }

// Check collision between player and meteor
    function checkCollision() {
      if (
        player.x < meteor.x + meteor.size &&
        player.x + player.size > meteor.x &&
        player.y < meteor.y + meteor.size &&
        player.y + player.size > meteor.y
      ) {
        // Collision occurred, the player dies
        alert("You got hit by a meteor. Game Over!");
        clearInterval(gameLoop);
      }
    }

// Update the game canvas
    function updateCanvas() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw the player
      context.fillStyle = "#333";
      context.fillRect(player.x, player.y, player.size, player.size);
      
      // Draw the meteor
      context.fillStyle = "#ff0000";
      context.fillRect(meteor.x, meteor.y, meteor.size, meteor.size);
      
      checkCollision();
    }

// Start the game loop
    const gameLoop = setInterval(updateCanvas, 10);

// Handle player movement using arrow keys
    document.addEventListener("keydown", handlePlayerMovement);
    
  </script>
</body>
</html>