2d game with timer how long you survived and when you die it sees Game Over and zombies and levels's game

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

No:23078

←

Prev Next

→

2d game with timer how long you survived and when ..ALL
Developer User10642｜Date and time 23/10/27 14:49:16
Build time 79.455 sec｜Game capacity 3.699KB｜

Script

Sure! Here's a simple example of a game implemented in a single HTML file using JavaScript. The game involves surviving against approaching zombies and tracking the time survived. Pictograms are used to represent the game elements.

You can copy the code above and save it as an HTML file. Open the file in a web browser (preferably on a smartphone for the smartphone-like experience) to play the game. The game involves shooting at the approaching zombies by tapping on the screen, and the goal is to survive as long as possible. Your score will be displayed, and when the player collides with a zombie, it will show the game-over screen with the final score and survival time.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>

<head>
  <title>Zombie Survival Game</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: auto;
    }
  </style>
</head>

<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Game variables
    var canvas, context;
    var player, zombies;
    var score, timer;
    var gameOver;

function drawPlayer() {
      context.fillStyle = "blue";
      context.fillRect(player.x - player.size / 2, player.y - player.size / 2, player.size, player.size);
    }

function moveZombies() {
      for (var i = 0; i < zombies.length; i++) {
        zombies[i].x += 2;
      }
    }

function drawZombies() {
      for (var i = 0; i < zombies.length; i++) {
        context.fillStyle = "red";
        context.fillRect(zombies[i].x - zombies[i].size / 2, zombies[i].y - zombies[i].size / 2, zombies[i].size, zombies[i].size);
      }
    }

function updateScore() {
      score += 1;
      context.font = "20px Arial";
      context.fillText("Score: " + score.toFixed(0), 20, 30);
    }

function updateTimer() {
      context.font = "20px Arial";
      context.fillText("Survival Time: " + timer.toFixed(1) + "s", 20, 60);
    }

function shoot(event) {
      var mouseX = event.clientX - canvas.getBoundingClientRect().left;
      var mouseY = event.clientY - canvas.getBoundingClientRect().top;

context.fillStyle = "yellow";
      context.fillRect(mouseX - 5, mouseY - 5, 10, 10);
    }

function endGame() {
      gameOver = true;
      canvas.removeEventListener("click", shoot);
    }

startGame();
  </script>
</body>

</html>
```