AI game creator

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

No:26909

←

Prev Next

→

Zombie shooter game
Developer User13323｜Date and time 23/12/3 5:59:29
Build time 96.331 sec｜Game capacity 3.731KB｜

Script

Sure! Here's an example of a simple zombie shooter game implemented as a single HTML file using JavaScript. The game can be played on a smartphone and uses pictograms for visual elements.

👮

This example sets up a simple zombie shooter game where the player (represented by a police officer emoji) has to avoid colliding with the zombies (represented by zombie pictograms). The player can control the character using touch or mouse input. If the player collides with a zombie, a game over message is displayed and the game restarts. Note that this is a basic implementation and can be enhanced with additional features like scoring, levels, and power-ups. Feel free to modify and expand upon it according to your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's an example of a simple zombie shooter game implemented as a single HTML file using JavaScript. The game can be played on a smartphone and uses pictograms for visual elements.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie Shooter Game</title>
  <style>
    #game-container {
      position: relative;
      width: 100%;
      height: 400px;
      border: 1px solid black;
      background-color: #eee;
    }
    
    #player {
      position: absolute;
      width: 40px;
      height: 40px;
      font-size: 30px;
      text-align: center;
      line-height: 40px;
      background-color: blue;
      color: white;
    }
    
    .zombie {
      position: absolute;
      width: 40px;
      height: 40px;
      font-size: 30px;
      text-align: center;
      line-height: 40px;
      background-color: red;
      color: white;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player">👮</div>
  </div>

// Game initialization
    function initializeGame() {
      player = document.getElementById("player");
      
      // Create zombies
      for (var i = 1; i <= 5; i++) {
        var zombie = document.createElement("div");
        zombie.classList.add("zombie");
        zombie.innerText = "🧟";
        zombies.push(zombie);
        document.getElementById("game-container").appendChild(zombie);
      }
      
      // Start game loop
      setInterval(updateGame, 100);
    }

// Game loop
    function updateGame() {
      moveZombies();
      checkCollisions();
    }

// Move the zombies towards the player
    function moveZombies() {
      var playerRect = player.getBoundingClientRect();
      
      zombies.forEach(function(zombie) {
        var zombieRect = zombie.getBoundingClientRect();
        
        if (zombieRect.x > playerRect.x) {
          zombie.style.left = parseInt(zombie.style.left) - 5 + 'px';
        } else {
          zombie.style.left = parseInt(zombie.style.left) + 5 + 'px';
        }
        
        if (zombieRect.y > playerRect.y) {
          zombie.style.top = parseInt(zombie.style.top) - 5 + 'px';
        } else {
          zombie.style.top = parseInt(zombie.style.top) + 5 + 'px';
        }
      });
    }

// Check if a zombie collides with the player
    function checkCollisions() {
      var playerRect = player.getBoundingClientRect();
      
      zombies.forEach(function(zombie) {
        var zombieRect = zombie.getBoundingClientRect();
        
        if (isColliding(playerRect, zombieRect)) {
          gameOver();
        }
      });
    }
    
    // Check if two rectangles collide
    function isColliding(rect1, rect2) {
      return rect1.x < rect2.x + rect2.width &&
             rect1.x + rect1.width > rect2.x &&
             rect1.y < rect2.y + rect2.height &&
             rect1.y + rect1.height > rect2.y;
    }

// Game over logic
    function gameOver() {
      alert("Game Over!");
      initializeGame(); // Restart game
    }

// Initialize the game when the page loads
    window.onload = function() {
      initializeGame();
    };
  </script>
</body>
</html>
```

Note that this is a basic implementation and can be enhanced with additional features like scoring, levels, and power-ups. Feel free to modify and expand upon it according to your requirements.