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

No:21350

110

←

Prev Next

→

Horror game
Developer User9782｜Date and time 23/10/15 2:40:36
Build time 78.841 sec｜Game capacity 2.392KB｜

Script

Sure! Here's a simple horror game implemented as a single HTML file using JavaScript. Please note that this is a basic example and not a fully-fledged game. You can modify and enhance it as per your requirements:

Horror Game

Game Over

You didn't survive!

To play the game, simply open the HTML file on your smartphone's web browser. The game will start automatically, and you need to tap the screen to prevent a jumpscare from appearing. If you fail to tap the screen within the allocated time, a random jumpscare pictogram will be displayed, and the game will be over. Please keep in mind that this is a basic implementation, and you can further enhance it by adding additional features, levels, sound effects, and graphics as per your desired game design.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Horror Game</title>
  <style>
    body {
      background-color: black;
      color: white;
      text-align: center;
      font-size: 20px;
      padding-top: 100px;
    }
    #gameover {
      display: none;
    }
  </style>
</head>
<body>
  <h1>Horror Game</h1>
  
  <div id="gameover">
    <h2>Game Over</h2>
    <p>You didn't survive!</p>
  </div>
  
  <script>
    // Function to randomize the jumpscare image
    function randomJumpscare() {
      const images = ["👻", "👺", "💀", "👹", "👽"];
      const randomIndex = Math.floor(Math.random() * images.length);
      return images[randomIndex];
    }
  
    document.addEventListener("DOMContentLoaded", function() {
      // Function to handle the jumpscare event
      function jumpscare() {
        document.body.innerHTML = randomJumpscare();
        document.body.style.fontSize = "150px";
        document.body.style.paddingTop = "200px";
        document.getElementById("gameover").style.display = "block";
      }
  
      // Function to start the game
      function startGame() {
        let timeRemaining = 3000; // Duration in milliseconds
        let timeoutId;
  
        function countdown() {
          if (timeRemaining <= 0) {
            clearTimeout(timeoutId);
            jumpscare();
          } else {
            timeRemaining -= 100;
            timeoutId = setTimeout(countdown, 100);
          }
        }
  
        document.addEventListener("click", function() {
          clearTimeout(timeoutId);
          countdown();
        });
  
        countdown();
      }
  
      startGame();
    });
  </script>
</body>
</html>
```

Please keep in mind that this is a basic implementation, and you can further enhance it by adding additional features, levels, sound effects, and graphics as per your desired game design.