There are multiple zombies that come from sides. You always point at the nearest zombie. You can create a circle that moves in the direction of the player. you k○ll 5 zombies then you win's game

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

No:46186

143

←

Prev Next

→

There are multiple zombies that come from sides. Y..ALL
Developer User19525｜Date and time 24/2/23 23:51:09
Build time 11.777 sec｜Game capacity 2.731KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie Shooter 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 = canvas.width/2;
    let playerY = canvas.height/2;
    
    let zombies = [];
    let zombieSpeed = 2;
    let zombieSize = 20;
    let zombieCount = 5;
    
    let score = 0;
    
    function distance(x1, y1, x2, y2) {
      return Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
    }
    
    function createZombie() {
      let side = Math.floor(Math.random() * 4);
      let x, y;
      
      if(side === 0) {
        x = Math.random() * canvas.width;
        y = 0;
      } else if(side === 1) {
        x = canvas.width;
        y = Math.random() * canvas.height;
      } else if(side === 2) {
        x = Math.random() * canvas.width;
        y = canvas.height;
      } else {
        x = 0;
        y = Math.random() * canvas.height;
      }
      
      zombies.push({x: x, y: y});
    }
    
    function update() {
      for(let i = 0; i < zombies.length; i++) {
        let zombie = zombies[i];
        
        let dx = playerX - zombie.x;
        let dy = playerY - zombie.y;
        let angle = Math.atan2(dy, dx);
        
        zombie.x += Math.cos(angle) * zombieSpeed;
        zombie.y += Math.sin(angle) * zombieSpeed;
        
        if(distance(playerX, playerY, zombie.x, zombie.y) < zombieSize) {
          alert("Game Over! Your score is: " + score);
          location.reload();
        }
      }
      
      for(let i = 0; i < zombies.length; i++) {
        if(distance(playerX, playerY, zombies[i].x, zombies[i].y) < 10) {
          zombies.splice(i, 1);
          score++;
          if(score === 5) {
            alert("You win! Congratulations!");
            location.reload();
          }
        }
      }
      
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      for(let i = 0; i < zombies.length; i++) {
        ctx.fillStyle = "green";
        ctx.beginPath();
        ctx.arc(zombies[i].x, zombies[i].y, zombieSize, 0, Math.PI * 2);
        ctx.fill();
        ctx.closePath();
      }
      
      ctx.fillStyle = "blue";
      ctx.beginPath();
      ctx.arc(playerX, playerY, 10, 0, Math.PI * 2);
      ctx.fill();
      ctx.closePath();
      
      requestAnimationFrame(update);
    }
    
    canvas.addEventListener("click", function(event) {
      playerX = event.clientX - canvas.offsetLeft;
      playerY = event.clientY - canvas.offsetTop;
    });
    
    for(let i = 0; i < zombieCount; i++) {
      createZombie();
    }
    
    update();
  </script>
</body>
</html>
```