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

No:20095

Zombie game shoot them all!!!
Developer User8949｜Date and time 23/10/8 8:31:59
Build time 13.282 sec｜Game capacity 3.121KB｜

Script

Sure! Here's a simple Zombie shooting game implemented as a single HTML file using JavaScript. To play the game, you need to click/tap on the zombie pictograms to shoot and eliminate them. Please note that this is a basic game, and you can add more features and enhancements as per your requirements.

Zombie Game - Shoot Them All!

Score: 0

Game Over!

In this game, there are three zombie pictograms displayed initially. When you click/tap on a zombie, it gets eliminated, and your score increases. The game keeps spawning zombies randomly, and you need to aim and shoot them to earn points. The game ends when you miss clicking a zombie, and the "Game Over" message is displayed along with your final score. You can replace the `<img src="emozi_bear.png">` with actual zombie pictogram image URLs of your choice.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie Game - Shoot Them All!</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    .zombie {
      width: 100px;
      height: 100px;
      margin: 10px;
      display: inline-block;
      cursor: pointer;
    }
    .zombie img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    #score {
      font-size: 24px;
      margin-top: 20px;
    }
    #game-over {
      font-size: 36px;
      font-weight: bold;
      color: red;
      display: none;
    }
  </style>
</head>
<body>
  <h1>Zombie Game - Shoot Them All!</h1>
  <div id="zombie-container">
    <div class="zombie"><img src="zombie1.png"></div>
    <div class="zombie"><img src="zombie2.png"></div>
    <div class="zombie"><img src="zombie3.png"></div>
  </div>
  <div id="score">Score: 0</div>
  <div id="game-over">Game Over!</div>

var score = 0;
    var gameStarted = false;
    var gameInterval;

function endGame() {
      gameStarted = false;
      gameOverDisplay.style.display = 'block';
      clearInterval(gameInterval);
      zombies.forEach(function(zombie) {
        zombie.removeEventListener('click', shootZombie);
      });
    }

function shootZombie() {
      if (gameStarted) {
        this.style.display = 'none';
        score++;
        scoreDisplay.textContent = 'Score: ' + score;
      }
    }

function spawnZombie() {
      var randomIndex = Math.floor(Math.random() * zombies.length);
      var randomZombie = zombies[randomIndex];
      randomZombie.style.display = 'inline-block';
      setTimeout(function() {
        randomZombie.style.display = 'none';
      }, 2000);
    }

window.addEventListener('click', startGame);
  </script>
</body>
</html>
```

You can replace the `<img src="zombieX.png">` with actual zombie pictogram image URLs of your choice.