a game where you have an Ak-47 shooting frantically without stopping and you need to k○ll zombies and each zombie gets 1 point, if a zombie touches the bottom of the screen, game over's game

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

No:37978

←

Prev Next

→

a game where you have an Ak-47 shooting franticall..ALL
Developer CoolGuyFuck｜Date and time 24/1/22 3:17:58
Build time 8.172 sec｜Game capacity 2.184KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Zombie Hunter Game</title>
  <style>
    #game-container {
      background-color: black;
      width: 100%;
      height: 100vh;
      overflow: hidden;
      position: relative;
    }

#player {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
    }

#zombies {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: flex-end;
    }

.zombie {
      position: relative;
      width: 50px;
      height: 50px;
      background-image: url('zombie.png'); /* Replace with your zombie pictogram */
      background-size: cover;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player">
      <img src="ak47.png" alt="AK-47"> 
    </div>
    <div id="zombies"></div>
  </div>

const gameLoop = setInterval(function() {
        if (gameOver) {
          clearInterval(gameLoop);
          alert('Game Over!\nScore: ' + score);
          return;
        }

const zombie = document.createElement('div');
        zombie.classList.add('zombie');
        zombie.addEventListener('animationend', function() {
          zombie.remove();
          gameOver = true;
        });
        zombie.addEventListener('click', function() {
          zombie.remove();
          score++;
        });
        zombiesContainer.appendChild(zombie);

if (zombie.offsetTop >= window.innerHeight) {
          gameOver = true;
        }

}, 1000);

document.addEventListener('mousemove', function(event) {
        player.style.left = event.clientX + 'px';
      });
    });
  </script>
</body>
</html>