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

No:11546

128

←

Prev Next

→

a game who you have to catch zombies to win
Developer User4917｜Date and time 23/8/11 2:02:44
Build time 17.707 sec｜Game capacity 2.231KB｜

Script

Attrape les Zombies

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Attrape les Zombies</title>
  <style>
    #game-board {
      width: 100%;
      height: 400px;
      margin: 0 auto;
      background-color: lightgray;
      position: relative;
    }
    .zombie {
      width: 50px;
      height: 50px;
      position: absolute;
      top: 0;
      left: 0;
      background-image: url("zombie.png");
      background-size: cover;
      cursor: pointer;
    }
    h1 {
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>Attrape les Zombies</h1>
  <div id="game-board"></div>

// Function to create a random zombie at a random location on the game board
    function createZombie() {
      var zombie = document.createElement("div");
      zombie.classList.add("zombie");
      zombie.style.top = Math.random() * 350 + "px";
      zombie.style.left = Math.random() * 90 + "%";
      zombie.addEventListener("click", catchZombie);
      document.getElementById("game-board").appendChild(zombie);
    }

// Function to remove a caught zombie and update the score
    function catchZombie() {
      this.parentNode.removeChild(this);
      score++;
    }

// Function to update the game timer and end the game when time runs out
    function updateTimer() {
      timer--;
      if (timer === 0) {
        endGame();
      } else {
        document.getElementById("timer").innerText = timer;
      }
    }

// Function to end the game and display the final score
    function endGame() {
      clearInterval(intervalId);
      document.getElementById("game-board").innerHTML = "<h1>Partie terminée!</h1><p>Score final : " + score + "</p>";
    }

// Start the game
    function startGame() {
      intervalId = setInterval(createZombie, 1000); // Create a new zombie every second
      setInterval(updateTimer, 1000); // Update the timer every second
    }

startGame(); // Call the startGame function to begin the game
  </script>
</body>
</html>