Zombie apocalypse game that you need to shoot zombies and upgrade weapons's game

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

No:8606

290

←

Prev Next

→

Zombie apocalypse game that you need to shoot zomb..ALL
Developer User4222｜Date and time 23/7/17 10:27:31
Build time 48.774 sec｜Game capacity 5.664KB｜

Script

Sure! Here's an example of a simple zombie apocalypse game implemented as a single HTML file using JavaScript. Note that this is a very basic version and can be expanded upon to include more features. Here's the code:

To play the game, you can copy and save the above code in a file with a `.html` extension, and then open it in a web browser. The game canvas will be displayed, and you can control the player using the left and right arrow keys to move and the spacebar to shoot bullets at the zombies. The objective is to survive as long as possible by shooting the zombies and avoiding their collision with the player. There's also an upgrade (represented by a green square) that increases the bullet speed and adds score points when picked up by the player. The game ends when a zombie collides with the player, and a game over message with the final score will be displayed.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie Apocalypse Game</title>
  <style>
    #gameCanvas {
      border: 1px solid black;
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Game variables
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

var player = {
      x: canvas.width/2,
      y: canvas.height-30,
      width: 40,
      height: 40,
      color: "#0095DD",
      speed: 5,
      bullets: [],
      bulletSpeed: 5,
      score: 0
    };

var zombies = [];
    var zombieSpeed = 2;

var upgrade = {
      x: 0,
      y: 0,
      width: 20,
      height: 20,
      color: "green",
      active: false
    };

// Keyboard event listeners
    document.addEventListener("keydown", keyDownHandler);
    document.addEventListener("keyup", keyUpHandler);

// Keyboard handlers
    var leftPressed = false;
    var rightPressed = false;
    var spacePressed = false;

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

// Player movement
      if(leftPressed) {
        player.x -= player.speed;
      }
      if(rightPressed) {
        player.x += player.speed;
      }

// Shooting bullets
      if(spacePressed) {
        player.bullets.push({x: player.x + player.width/2, y: player.y});
      }

// Draw bullets
      for(var i=0; i<player.bullets.length; i++) {
        var bullet = player.bullets[i];
        ctx.beginPath();
        ctx.rect(bullet.x, bullet.y, 2, 10);
        ctx.fillStyle = "#0095DD";
        ctx.fill();
        ctx.closePath();

bullet.y -= player.bulletSpeed;

// Check if bullet hits a zombie
        for(var j=0; j<zombies.length; j++) {
          var zombie = zombies[j];
          if(bullet.x > zombie.x && bullet.x < zombie.x + zombie.width && bullet.y > zombie.y && bullet.y < zombie.y + zombie.height) {
            zombies.splice(j, 1);
            player.bullets.splice(i, 1);
            player.score++;
          }
        }

if(bullet.y < 0) {
          player.bullets.splice(i, 1);
        }
      }

// Spawn zombies
      if(Math.random() < 0.01) {
        zombies.push({x: Math.random() * canvas.width, y: 0, width: 40, height: 40});
      }

// Draw zombies
      for(var k=0; k<zombies.length; k++) {
        var zombie = zombies[k];
        ctx.beginPath();
        ctx.rect(zombie.x, zombie.y, zombie.width, zombie.height);
        ctx.fillStyle = "#FF0000";
        ctx.fill();
        ctx.closePath();

zombie.y += zombieSpeed;

// Check if zombie hits the player
        if(zombie.y + zombie.height > player.y && zombie.y < player.y + player.height && zombie.x + zombie.width > player.x && zombie.x < player.x + player.width) {
          gameOver();
        }
      }

// Draw player
      ctx.beginPath();
      ctx.rect(player.x, player.y, player.width, player.height);
      ctx.fillStyle = player.color;
      ctx.fill();
      ctx.closePath();

// Draw upgrade
      if(!upgrade.active) {
        upgrade.x = Math.random() * canvas.width;
        upgrade.y = Math.random() * (canvas.height/2);
        upgrade.active = true;
      }

if(upgrade.active) {
        ctx.beginPath();
        ctx.rect(upgrade.x, upgrade.y, upgrade.width, upgrade.height);
        ctx.fillStyle = upgrade.color;
        ctx.fill();
        ctx.closePath();

// Check if player picks up the upgrade
        if(player.x < upgrade.x + upgrade.width && player.x + player.width > upgrade.x && player.y < upgrade.y + upgrade.height && player.y + player.height > upgrade.y) {
          player.bulletSpeed += 1;
          player.score += 10;
          upgrade.active = false;
        }
      }

drawScore();

requestAnimationFrame(gameLoop);
    }

function drawScore() {
      ctx.font = "16px Arial";
      ctx.fillStyle = "#0095DD";
      ctx.fillText("Score: " + player.score, 8, 20);
    }

function gameOver() {
      alert("Game Over! Your score: " + player.score);
      document.location.reload();
    }

// Start the game
    gameLoop();
  </script>
</body>
</html>
```