AI game creator

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

No:26910

←

Prev Next

→

Zombie shooter game
Developer User13323｜Date and time 23/12/3 6:03:11
Build time 62.861 sec｜Game capacity 3.267KB｜

Script

Sure, here's an example of a simple zombie shooter game implemented as a single HTML file using JavaScript:

This game sets up a canvas element where the game graphics are rendered. The player controls a red square and tries to shoot green zombie squares by clicking on them. The score increases when a zombie is shot, and decreases when the player is hit by a zombie.

←

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:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie Shooter Game</title>
  <style>
    canvas {
      border: 1px solid black;
      background-color: grey;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="500" height="400"></canvas>

// Initialize the game
    function init() {
      canvas = document.getElementById("gameCanvas");
      context = canvas.getContext("2d");
      
      playerX = canvas.width / 2;
      playerY = canvas.height / 2;
      
      zombies = [];
      
      score = 0;
      
      // Create some initial zombies
      for (var i = 0; i < 5; i++) {
        createZombie();
      }
      
      // Start the game loop
      setInterval(update, 16);
      
      // Handle player movement
      canvas.addEventListener("mousemove", function(event) {
        var rect = canvas.getBoundingClientRect();
        playerX = event.clientX - rect.left;
        playerY = event.clientY - rect.top;
      });
      
      // Handle player shooting
      canvas.addEventListener("click", shoot);
    }
    
    // Create a new zombie
    function createZombie() {
      var zombie = {
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        size: 20,
        speedX: Math.random() * 4 - 2,
        speedY: Math.random() * 4 - 2
      };
      
      zombies.push(zombie);
    }
    
    // Update the game state
    function update() {
      // Clear the canvas
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      // Move and draw zombies
      for (var i = 0; i < zombies.length; i++) {
        var zombie = zombies[i];
        
        zombie.x += zombie.speedX;
        zombie.y += zombie.speedY;
        
        context.fillStyle = "green";
        context.fillRect(zombie.x, zombie.y, zombie.size, zombie.size);
      }
      
      // Draw player
      context.fillStyle = "red";
      context.fillRect(playerX - 10, playerY - 10, 20, 20);
      
      // Check for collisions between player and zombies
      for (var i = 0; i < zombies.length; i++) {
        var zombie = zombies[i];
        
        var dx = playerX - zombie.x;
        var dy = playerY - zombie.y;
        var distance = Math.sqrt(dx * dx + dy * dy);
        
        if (distance < zombie.size) {
          // Player got hit by a zombie
          score--;
          zombie.x = Math.random() * canvas.width;
          zombie.y = Math.random() * canvas.height;
        }
      }
      
      // Draw score
      context.fillStyle = "white";
      context.font = "20px Arial";
      context.fillText("Score: " + score, 10, 30);
    }
    
    // Handle player shooting
    function shoot() {
      score++;
      createZombie();
    }
    
    // Start the game
    init();
  </script>
</body>
</html>
```