Click shoot to shoot in front of you click left to move left click right to move right and every bullet does 1 to 6 health and every zombie has 7 health. Zombies come from the top of the screen and look like 🧟‍♂️. You are 🥫and every time a zombie touches you or a zombie gets pass you you lose a life. You have 5 life’s. They are showed in the top right of the screen. Your points are showed in the top left and you gain a point every zombie you k○ll. The's game

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

No:33948

121

←

Prev Next

→

Click shoot to shoot in front of you click left to..ALL
Developer User15955｜Date and time 24/1/7 6:44:39
Build time 41.596 sec｜Game capacity 4.636KB｜

Script

game can be implemented with the following HTML and JavaScript code:

You can save this code as an HTML file, open it in a web browser, and play the game. Use the "Shoot" button to shoot in front of you, the "Left" button to move left, and the "Right" button to move right. Each bullet does 1 to 6 health damage, and each zombie has 7 health. Zombies come from the top of the screen and look like 🧟‍♂️. You are represented by 🥫. Each time a zombie touches you or a zombie gets past you, you lose a life. You start with 5 lives. Your points are shown in the top left corner, and you gain a point for every zombie you kill. Your remaining lives are shown in the top right corner. Enjoy playing the game!

←

Prev　Next

→ 　

Back　

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

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

game can be implemented with the following HTML and JavaScript code:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie Shooter</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

canvas {
      border: 1px solid black;
    }

#health {
      position: absolute;
      top: 10px;
      right: 10px;
    }

#points {
      position: absolute;
      top: 10px;
      left: 10px;
    }
  </style>
</head>
<body>
  <script>
    // Initialize variables
    var canvas = document.createElement("canvas");
    var ctx = canvas.getContext("2d");
    var width = window.innerWidth;
    var height = window.innerHeight;
    var playerX = width / 2;
    var playerY = height - 50;
    var bullets = [];
    var zombies = [];
    var lives = 5;
    var points = 0;

// Set canvas size
    canvas.width = width;
    canvas.height = height;
    document.body.appendChild(canvas);

// Listen for input
    window.addEventListener("keydown", handleKeyDown);
    window.addEventListener("mousedown", handleClick);

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

// Draw player
      ctx.fillStyle = "#000000";
      ctx.fillRect(playerX, playerY, 20, 40);

// Draw bullets
      bullets.forEach(function(bullet) {
        bullet.y -= 5;
        ctx.beginPath();
        ctx.arc(bullet.x, bullet.y, 5, 0, 2 * Math.PI);
        ctx.fillStyle = "#FF0000";
        ctx.fill();
        checkCollisions(bullet);
      });

// Draw zombies
      zombies.forEach(function(zombie) {
        zombie.y += 2;
        ctx.font = "40px Arial";
        ctx.fillText("🧟‍♂️", zombie.x, zombie.y);
        if (zombie.y > height) {
          lives--;
          if (lives === 0) {
            endGame();
          }
        }
        checkCollisions(zombie);
      });

// Draw health and points
      ctx.font = "30px Arial";
      ctx.fillText(`Lives: ${lives}`, width - 150, 40);
      ctx.fillText(`Points: ${points}`, 20, 40);

// Remove bullets and zombies outside the screen
      bullets = bullets.filter(function(bullet) {
        return bullet.y > 0;
      });
      zombies = zombies.filter(function(zombie) {
        return zombie.y < height;
      });

// Request next frame
      requestAnimationFrame(gameLoop);
    }

// Handle keyboard input
    function handleKeyDown(event) {
      if (event.key === "ArrowLeft") {
        playerX -= 10;
      } else if (event.key === "ArrowRight") {
        playerX += 10;
      }
    }

// Handle mouse input
    function handleClick(event) {
      var bullet = {
        x: playerX + 10,
        y: playerY
      };
      bullets.push(bullet);
    }

// Check for collisions
    function checkCollisions(object) {
      bullets.forEach(function(bullet) {
        if (object === bullet) return;
        var dx = object.x - bullet.x;
        var dy = object.y - bullet.y;
        var distance = Math.sqrt(dx * dx + dy * dy);
        if (distance < 5) {
          bullets = bullets.filter(function(b) {
            return b !== bullet;
          });
          if (object === bullet) return;
          if (object === bullet) return;
          points++;
        }
      });
      if (object !== bullets) return;
      var dx = object.x - playerX;
      var dy = object.y - playerY;
      var distance = Math.sqrt(dx * dx + dy * dy);
      if (distance < 20) {
        lives--;
        if (lives === 0) {
          endGame();
        }
      }
    }

// End the game
    function endGame() {
      // Stop listening for input
      window.removeEventListener("keydown", handleKeyDown);
      window.removeEventListener("mousedown", handleClick);

// Show game over message
      ctx.font = "50px Arial";
      ctx.fillText("Game Over", width / 2 - 100, height / 2);
    }

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

You can save this code as an HTML file, open it in a web browser, and play the game. Use the "Shoot" button to shoot in front of you, the "Left" button to move left, and the "Right" button to move right. Each bullet does 1 to 6 health damage, and each zombie has 7 health. Zombies come from the top of the screen and look like 🧟‍♂️. You are represented by 🥫. Each time a zombie touches you or a zombie gets past you, you lose a life. You start with 5 lives. Your points are shown in the top left corner, and you gain a point for every zombie you kill. Your remaining lives are shown in the top right corner. Enjoy playing the game!