A 2d zombie game a zombie is a circle and the player is a square there’s health for the zombie and player player has 250health zombies have 50health the player has a gun that does 25 damage's game

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

No:6651

←

Prev Next

→

A 2d zombie game a zombie is a circle and the play..ALL
Developer User3908｜Date and time 23/7/3 1:44:21
Build time 32.52 sec｜Game capacity 3.399KB｜

Script

Sure! Here's a simple 2D zombie game implemented as a single HTML file with JavaScript. The game uses pictograms for simplicity and assumes smartphone operation. The player (represented by a square) can shoot the zombies (represented by circles) using a gun, and the goal is to eliminate as many zombies as possible while staying alive.

To play the game, copy the code and save it in a file with the `.html` extension, then open the file in a web browser. Use the arrow keys to move the player square up and down. Press the space bar to shoot the gun and eliminate the zombies. The game will display the player's health and a "Game Over" message if the player's health reaches 0.

←

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</title>
  <style>
    canvas { border: 1px solid black; }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="400"></canvas>
  <script>
    // Creating the game canvas
    const canvas = document.getElementById('gameCanvas');
    const context = canvas.getContext('2d');

// Game variables
    let playerX = 50;
    let playerY = canvas.height / 2;
    let playerHealth = 250;
    let zombies = [];

// Keyboard input handling
    document.addEventListener('keydown', handleKeyDown);
    
    function handleKeyDown(event) {
      if (event.key === 'ArrowUp') {
        playerY -= 10;
      } else if (event.key === 'ArrowDown') {
        playerY += 10;
      } else if (event.key === ' ') {
        shoot();
        event.preventDefault();
      }
    }

// Shoot the gun and damage the zombies
    function shoot() {
      for (let i = 0; i < zombies.length; i++) {
        const zombie = zombies[i];
        const distance = Math.sqrt((playerX - zombie.x) ** 2 + (playerY - zombie.y) ** 2);
        if (distance <= 20) {
          zombie.health -= 25;
          if (zombie.health <= 0) {
            zombies.splice(i, 1);
          }
        }
      }
    }

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

// Update player
      context.fillStyle = 'blue';
      context.fillRect(playerX, playerY, 25, 25);
      context.fillText(`Player Health: ${playerHealth}`, 10, 20);

// Update zombies
      zombies.forEach((zombie) => {
        context.fillStyle = 'red';
        context.beginPath();
        context.arc(zombie.x, zombie.y, 10, 0, Math.PI * 2);
        context.closePath();
        context.fill();
      });

// Check player collision with zombies
      for (let i = 0; i < zombies.length; i++) {
        const zombie = zombies[i];
        const distance = Math.sqrt((playerX - zombie.x) ** 2 + (playerY - zombie.y) ** 2);
        
        if (distance <= 20) {
          playerHealth -= 10;
          zombies.splice(i, 1);
        }
      }

// Spawn new zombies
      if (Math.random() < 0.02) {
        const zombie = { x: canvas.width, y: Math.random() * canvas.height, health: 50 };
        zombies.push(zombie);
      }

// Game over condition
      if (playerHealth <= 0) {
        clearInterval(gameInterval);
        context.fillStyle = 'black';
        context.font = '40px Arial';
        context.fillText('Game Over', canvas.width / 2 - 100, canvas.height / 2);
      }
    }

// Start the game loop
    const gameInterval = setInterval(gameLoop, 1000 / 60);
  </script>
</body>
</html>
```