Create a game where every second it gets scarier's game

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

No:37630

←

Prev Next

→

Create a game where every second it gets scarier
Developer User17076｜Date and time 24/1/21 6:55:53
Build time 7.551 sec｜Game capacity 2.342KB｜

Script

Sure! Here's an example of a simple game where the scare level increases every second. It is designed to be played on a smartphone, using pictograms for the visuals. Please note that this game is just a basic demonstration and can be further expanded upon:

In this game, a scare level is displayed every second using pictograms representing different levels of scariness. The scare level increases gradually and when the user taps on the current scare pictogram, the game ends and a scare message is displayed.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Scare Game</title>
</head>
<body>
  <script>
    // Define the scare levels and corresponding pictograms
    const scareLevels = [
      { level: 1, pictogram: "😊" },
      { level: 2, pictogram: "😅" },
      { level: 3, pictogram: "😬" },
      { level: 4, pictogram: "😱" },
      { level: 5, pictogram: "👻" },
    ];

// Initialize the scare level and timer
    let currentScareLevel = 0;
    let timer;

// Function to update the scare level and display the pictogram
    function updateScareLevel() {
      currentScareLevel++;
      if (currentScareLevel >= scareLevels.length) {
        clearInterval(timer);
        alert("Game Over!"); // Show game over message when scare level exceeds the available levels
      } else {
        const scareContainer = document.getElementById("scare-container");
        scareContainer.innerHTML = scareLevels[currentScareLevel].pictogram;
      }
    }

// Function to start the game
    function startGame() {
      const gameContainer = document.createElement("div");
      gameContainer.id = "scare-container";
      gameContainer.style.fontSize = "40px";
      gameContainer.style.textAlign = "center";
      document.body.appendChild(gameContainer);
      
      timer = setInterval(updateScareLevel, 1000);
      updateScareLevel(); // Initial display of scare level

// Stop the game when the user touches the scare pictogram
      gameContainer.addEventListener("click", () => {
        clearInterval(timer);
        alert("You've been scared!"); // Show scare message
      });
    }

// Start the game when the page loads
    window.onload = startGame;
  </script>
</body>
</html>
```

In this game, a scare level is displayed every second using pictograms representing different levels of scariness. The scare level increases gradually and when the user taps on the current scare pictogram, the game ends and a scare message is displayed.