An zombie apocalypse 3d game's game

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

No:19962

100

←

Prev Next

→

An zombie apocalypse 3d game
Developer User8888｜Date and time 23/10/7 15:41:18
Build time 28.17 sec｜Game capacity 4.65KB｜

Script

Sure! Here's an example of a simple zombie apocalypse game implemented in a single HTML file using JavaScript and enclosed in `` tags. Please note that this is a very simplified version just to give you an idea and doesn't include any pictograms or 3D graphics. You can try running it on a smartphone to play as a finished game. <br><br> <br> <style> canvas { border: 1px solid black; } </style> <canvas id="gameCanvas" width="500" height="500"></canvas>

Please note that this is just a basic implementation to give you an idea of how a simple zombie apocalypse game can be created. You can modify and enhance it according to your requirements and add more features such as different levels, weapons, power-ups, and improved graphics.

←

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 apocalypse game implemented in a single HTML file using JavaScript and enclosed in `<script>` tags. Please note that this is a very simplified version just to give you an idea and doesn't include any pictograms or 3D graphics. You can try running it on a smartphone to play as a finished game.

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

// Function to create a random zombie
    function createZombie() {
      const zombieSize = 20;
      const zombieSpeed = Math.random() * 1.5 + 0.5;
      let x, y;

// Generate random positions for the zombie
      if (Math.random() < 0.5) {
        x = Math.random() < 0.5 ? -zombieSize : canvas.width + zombieSize;
        y = Math.random() * canvas.height;
      } else {
        x = Math.random() * canvas.width;
        y = Math.random() < 0.5 ? -zombieSize : canvas.height + zombieSize;
      }

return {
        x,
        y,
        size: zombieSize,
        speed: zombieSpeed,
      };
    }

// Function to check collision between two rectangles
    function isCollision(rect1, rect2) {
      return (
        rect1.x < rect2.x + rect2.size &&
        rect1.x + rect1.size > rect2.x &&
        rect1.y < rect2.y + rect2.size &&
        rect1.y + rect1.size > rect2.y
      );
    }

// Function to update game logic
    function update() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move the player
      if (playerX > 0 && playerX < canvas.width - playerSize) {
        playerX += (gSensors.x * 2);
      }
      if (playerY > 0 && playerY < canvas.height - playerSize) {
        playerY += (gSensors.y * 2);
      }

// Draw the player
      ctx.fillStyle = 'green';
      ctx.fillRect(playerX, playerY, playerSize, playerSize);

// Create and move zombies
      zombies.forEach((zombie, index) => {
        // Move zombie towards player
        const dx = playerX - zombie.x;
        const dy = playerY - zombie.y;
        const angle = Math.atan2(dy, dx);
        const velocity = {
          x: Math.cos(angle) * zombie.speed,
          y: Math.sin(angle) * zombie.speed,
        };

zombie.x += velocity.x;
        zombie.y += velocity.y;

// Check collision with player
        const playerRect = { x: playerX, y: playerY, size: playerSize };
        if (isCollision(playerRect, zombie)) {
          // Game over
          alert('Game Over! Your Score: ' + score);
          score = 0;
          playerX = canvas.width / 2;
          playerY = canvas.height / 2;
          zombies = [];
          return;
        }

// Check if zombie is out of bounds
        if (
          zombie.x + zombie.size < 0 ||
          zombie.x - zombie.size > canvas.width ||
          zombie.y + zombie.size < 0 ||
          zombie.y - zombie.size > canvas.height
        ) {
          // Remove out of bounds zombie
          zombies.splice(index, 1);
        }

// Draw the zombie
        ctx.fillStyle = 'red';
        ctx.fillRect(zombie.x, zombie.y, zombie.size, zombie.size);
      });

// Increase score every frame
      score++;

// Create new zombie every 100 frames
      if (score % 100 === 0) {
        zombies.push(createZombie());
      }

// Call update function again
      requestAnimationFrame(update);
    }

// Initialize game
    function initialize() {
      requestAnimationFrame(update);
    }

// Device motion event listener to control player movement on smartphones
    window.addEventListener('devicemotion', function (e) {
      gSensors = e.accelerationIncludingGravity;
    });

// Start game when the page is loaded
    window.addEventListener('load', initialize);
  </script>
</body>
</html>
```

Please note that this is just a basic implementation to give you an idea of how a simple zombie apocalypse game can be created. You can modify and enhance it according to your requirements and add more features such as different levels, weapons, power-ups, and improved graphics.