Shooting zombie game's game

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

No:44982

←

Prev Next

→

Shooting zombie game
Developer User19525｜Date and time 24/2/19 21:25:42
Build time 8.248 sec｜Game capacity 1.867KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```
<html>
<head>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    const player = {
      x: 200,
      y: 200,
      width: 20,
      height: 20,
      color: 'green'
    };
    
    const zombies = [];
    
    function spawnZombie() {
      const zombie = {
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        width: 20,
        height: 20,
        color: 'red',
        speed: Math.random() * 2 + 1
      };
      zombies.push(zombie);
    }
    
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      ctx.fillStyle = player.color;
      ctx.fillRect(player.x, player.y, player.width, player.height);
      
      zombies.forEach(zombie => {
        ctx.fillStyle = zombie.color;
        ctx.fillRect(zombie.x, zombie.y, zombie.width, zombie.height);
      });
    }
    
    function update() {
      player.x = canvas.width / 2;
      player.y = canvas.height / 2;
      
      zombies.forEach(zombie => {
        if (player.x < zombie.x) {
          zombie.x -= zombie.speed;
        } else {
          zombie.x += zombie.speed;
        }
        
        if (player.y < zombie.y) {
          zombie.y -= zombie.speed;
        } else {
          zombie.y += zombie.speed;
        }
        
        if (player.x < zombie.x + zombie.width &&
            player.x + player.width > zombie.x &&
            player.y < zombie.y + zombie.height &&
            player.y + player.height > zombie.y) {
          alert('Game Over');
        }
      });
    }
    
    function loop() {
      draw();
      update();
      requestAnimationFrame(loop);
    }
    
    loop();
    
    setInterval(spawnZombie, 1000);
  </script>
</body>
</html>
```