Een schietspel dat je zombies moet overleven met verschillende levels's game

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

No:35678

←

Prev Next

→

Een schietspel dat je zombies moet overleven met v..ALL
Developer User16606｜Date and time 24/1/15 2:13:05
Build time 12.513 sec｜Game capacity 2.766KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="nl">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Zombie Survival Game</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
      font-family: Arial, sans-serif;
    }
    
    canvas {
      border: 2px solid #000;
    }
  </style>
</head>
<body>
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      // Get canvas element
      var canvas = document.createElement("canvas");
      canvas.width = window.innerWidth * 0.8;
      canvas.height = canvas.width * 0.6;
      document.body.appendChild(canvas);

// Initialize game context
      var ctx = canvas.getContext("2d");

// Player object
      var player = {
        x: canvas.width / 2,
        y: canvas.height / 2,
        radius: 20,
        color: "#00FF00",
        draw: function() {
          ctx.beginPath();
          ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);
          ctx.fillStyle = this.color;
          ctx.fill();
          ctx.closePath();
        }
      };

// Zombies array
      var zombies = [];

// Zombie object
      function Zombie(x, y) {
        this.x = x;
        this.y = y;
        this.radius = 15;
        this.color = "#FF0000";
        this.draw = function() {
          ctx.beginPath();
          ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);
          ctx.fillStyle = this.color;
          ctx.fill();
          ctx.closePath();
        };
      }

// Game loop
      function gameLoop() {
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
        player.draw();

// Spawn zombies
        if (Math.random() < 0.02) {
          var zombieX = Math.random() * canvas.width;
          var zombieY = Math.random() * canvas.height;
          var zombie = new Zombie(zombieX, zombieY);
          zombies.push(zombie);
        }

// Draw zombies
        for (var i = 0; i < zombies.length; i++) {
          zombies[i].draw();
        }

// Collision detection
        for (var i = 0; i < zombies.length; i++) {
          var dist = Math.sqrt(
            Math.pow(player.x - zombies[i].x, 2) +
            Math.pow(player.y - zombies[i].y, 2)
          );
          if (dist < player.radius + zombies[i].radius) {
            // Game over
            alert("Game over! Je bent gepakt door een zombie.");
            window.location.reload();
          }
        }

// Update game loop
        requestAnimationFrame(gameLoop);
      }

// Start game loop
      gameLoop();
    });
  </script>
</body>
</html>