First person shoote, story, zombie apocalypse's game

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

No:25679

←

Prev Next

→

First person shoote, story, zombie apocalypse
Developer User12612｜Date and time 23/11/23 21:04:21
Build time 135.777 sec｜Game capacity 4.237KB｜

Script

Sure! Here's a basic implementation of a first-person shooter game set in a zombie apocalypse, using JavaScript and HTML.

In this game, the player can move their character using the arrow keys or 'WASD' keys (up, down, left, right). The player can also shoot by clicking on the canvas with their mouse. The objective is to shoot zombies and avoid getting too close to them. The game keeps track of the score, and new zombies spawn every 1 second. If the player collides with a zombie, the game is over.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a basic implementation of a first-person shooter game set in a zombie apocalypse, using JavaScript and HTML.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie Apocalypse</title>
  <style>
    body { margin: 0; }
    canvas { display: block; }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Player controls
    document.addEventListener("keydown", handleKeyPress, false);
    canvas.addEventListener("mousedown", handleMouseClick, false);

function handleMouseClick(event) {
      // Handle player shooting
      var bulletX = playerX;
      var bulletY = playerY;
      var angle = Math.atan2(event.clientY - playerY, event.clientX - playerX);
      var bulletSpeed = 10;

var bulletInterval = setInterval(function() {
        // Move the bullet
        bulletX += Math.cos(angle) * bulletSpeed;
        bulletY += Math.sin(angle) * bulletSpeed;

// Check collision with zombies
        for (var i = 0; i < zombies.length; i++) {
          if (
            bulletX > zombies[i].x &&
            bulletX < zombies[i].x + zombies[i].width &&
            bulletY > zombies[i].y &&
            bulletY < zombies[i].y + zombies[i].height
          ) {
            // Remove zombie and bullet
            zombies.splice(i, 1);
            clearInterval(bulletInterval);
            break;
          }
        }

// Draw the bullet
        context.fillStyle = "black";
        context.fillRect(bulletX, bulletY, 5, 5);

// Remove if bullet is off-screen
        if (
          bulletX < 0 ||
          bulletX > canvas.width ||
          bulletY < 0 ||
          bulletY > canvas.height
        ) {
          clearInterval(bulletInterval);
        }
      }, 10);
    }

function createZombie() {
      // Spawn a new zombie
      var zombie = {
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        width: 20,
        height: 20,
      };
      zombies.push(zombie);
    }

function updateGame() {
      // Clear canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      context.fillStyle = "blue";
      context.fillRect(playerX, playerY, 20, 20);

// Draw zombies
      context.fillStyle = "green";
      for (var i = 0; i < zombies.length; i++) {
        context.fillRect(
          zombies[i].x,
          zombies[i].y,
          zombies[i].width,
          zombies[i].height
        );
      }

// Check collision with zombies
      for (var j = 0; j < zombies.length; j++) {
        if (
          playerX < zombies[j].x + zombies[j].width &&
          playerX + 20 > zombies[j].x &&
          playerY < zombies[j].y + zombies[j].height &&
          playerY + 20 > zombies[j].y
        ) {
          // Game over
          alert("Game Over! Your score: " + score);
          clearInterval(gameInterval);
          break;
        }
      }

// Increase score
      score++;

// Spawn zombies every 1 second
      if (score % 100 === 0) {
        createZombie();
      }
    }

// Start game loop
    var gameInterval = setInterval(updateGame, 10);
  </script>
</body>
</html>
```