Top down shooter, you fight off zombies that spawn, you are in a city setting.'s game

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

No:50602

110

←

Prev Next

→

Top down shooter, you fight off zombies that spawn..ALL
Developer User21371｜Date and time 24/3/9 8:24:51
Build time 11.847 sec｜Game capacity 2.527KB｜

Script

Sure! Here is an example of a simple top-down shooter game using JavaScript:

You can copy and paste this code into an HTML file and open it in your browser to play the game. Use the arrow keys to move the player and try to survive against the zombies!

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here is an example of a simple top-down shooter game using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie Shooter Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

let player = {
      x: canvas.width / 2,
      y: canvas.height / 2,
      speed: 5,
      width: 20,
      height: 20,
      color: 'blue'
    };

let zombies = [];

function drawPlayer() {
      ctx.fillStyle = player.color;
      ctx.fillRect(player.x, player.y, player.width, player.height);
    }

function drawZombies() {
      zombies.forEach(zombie => {
        ctx.fillStyle = 'green';
        ctx.fillRect(zombie.x, zombie.y, zombie.width, zombie.height);
      });
    }

function updatePlayer() {
      if (player.x < 0) player.x = canvas.width;
      if (player.x > canvas.width) player.x = 0;
      if (player.y < 0) player.y = canvas.height;
      if (player.y > canvas.height) player.y = 0;
    }

function updateZombies() {
      zombies.forEach(zombie => {
        zombie.x += Math.random() * 4 - 2;
        zombie.y += Math.random() * 4 - 2;

if (zombie.x < 0) zombie.x = canvas.width;
        if (zombie.x > canvas.width) zombie.x = 0;
        if (zombie.y < 0) zombie.y = canvas.height;
        if (zombie.y > canvas.height) zombie.y = 0;
      });
    }

function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
      drawZombies();

updatePlayer();
      updateZombies();

requestAnimationFrame(gameLoop);
    }

function spawnZombie() {
      zombies.push({
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        width: 20,
        height: 20
      });
    }

setInterval(spawnZombie, 1000);

document.addEventListener('keydown', 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;
      }
    });

gameLoop();
  </script>
</body>
</html>
```

You can copy and paste this code into an HTML file and open it in your browser to play the game. Use the arrow keys to move the player and try to survive against the zombies!