Zombie shooter game where you can buy upgrades with k○lls's game

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

No:51956

←

Prev Next

→

Zombie shooter game where you can buy upgrades wit..ALL
Developer User21723｜Date and time 24/3/17 6:31:46
Build time 7.6 sec｜Game capacity 2.443KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!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 player = {
      x: 100,
      y: 100,
      width: 50,
      height: 50,
      speed: 5,
      kills: 0,
      upgrades: 0
    };
    
    let zombies = [
      { x: 700, y: 50, width: 50, height: 50, speed: 3 },
      { x: 600, y: 200, width: 50, height: 50, speed: 3 },
      { x: 500, y: 400, width: 50, height: 50, speed: 3 }
    ];
    
    function drawPlayer() {
      ctx.fillStyle = 'blue';
      ctx.fillRect(player.x, player.y, player.width, player.height);
    }
    
    function drawZombies() {
      ctx.fillStyle = 'green';
      for(let i=0; i<zombies.length; i++) {
        ctx.fillRect(zombies[i].x, zombies[i].y, zombies[i].width, zombies[i].height);
      }
    }
    
    function movePlayer() {
      window.addEventListener('keydown', function(event) {
        switch(event.key) {
          case 'ArrowUp':
            player.y -= player.speed;
            break;
          case 'ArrowDown':
            player.y += player.speed;
            break;
          case 'ArrowLeft':
            player.x -= player.speed;
            break;
          case 'ArrowRight':
            player.x += player.speed;
            break;
        }
      });
    }
    
    function moveZombies() {
      for(let i=0; i<zombies.length; i++) {
        if(player.x < zombies[i].x) {
          zombies[i].x -= zombies[i].speed;
        } else {
          zombies[i].x += zombies[i].speed;
        }
        if(player.y < zombies[i].y) {
          zombies[i].y -= zombies[i].speed;
        } else {
          zombies[i].y += zombies[i].speed;
        }
      }
    }
    
    function detectCollision() {
      for(let i=0; i<zombies.length; i++) {
        if(Math.abs(player.x - zombies[i].x) < 50 && Math.abs(player.y - zombies[i].y) < 50) {
          player.kills++;
          if(player.kills % 10 == 0) {
            player.upgrades++;
          }
          zombies.splice(i, 1);
        }
      }
    }
    
    function updateUI() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
      drawZombies();
      detectCollision();
      moveZombies();
      requestAnimationFrame(updateUI);
    }
    
    updateUI();
  </script>
</body>
</html>