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

No:14889

←

Prev Next

→

Horror game
Developer User6407｜Date and time 23/9/4 16:42:19
Build time 26.252 sec｜Game capacity 3.004KB｜

Script

Sure! Here's a simple example of a horror game implemented as a single HTML file, using JavaScript and pictograms. Please note that this is just a basic representation and can be further enhanced with additional game mechanics, graphics, and audio.

Horror Game

In the given code, we have a game container that displays a series of pictograms representing the different stages of the horror game. The game starts with a "start" pictogram, followed by 3 "horror" pictograms, and ends with an "end" pictogram. Each pictogram is displayed for 2 seconds before transitioning to the next one. Note that you would need to replace the image source paths (e.g., `"emozi_dog.png"`, `"emozi_himawari.png"`, etc.) with your own image files representing the different stages/scenes of the horror game. This game initiates automatically when the page loads on a smartphone browser and progresses through the stages in a timed manner.

←

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 {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    #game-container {
      margin: 50px auto;
      width: 400px;
      height: 400px;
      border: 2px solid black;
      position: relative;
      overflow: hidden;
    }
    .pictogram {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: none;
    }
  </style>
</head>
<body>
  <h1>Horror Game</h1>
  <div id="game-container">
    <img id="start" class="pictogram" src="start.png" alt="Start">
    <img id="horror1" class="pictogram" src="horror1.png" alt="Horror 1">
    <img id="horror2" class="pictogram" src="horror2.png" alt="Horror 2">
    <img id="horror3" class="pictogram" src="horror3.png" alt="Horror 3">
    <img id="end" class="pictogram" src="end.png" alt="End">
  </div>

// Show pictogram by ID
    function showPictogram(id) {
      const element = document.getElementById(id);
      if (element) {
        element.style.display = "block";
      }
    }

// Hide all pictograms
    function hidePictograms() {
      for (const id of pictograms) {
        const element = document.getElementById(id);
        if (element) {
          element.style.display = "none";
        }
      }
    }

// Game logic
    function startGame() {
      hidePictograms();
      showPictogram("start");

setTimeout(function () {
        hidePictograms();
        showPictogram("horror1");

setTimeout(function () {
          hidePictograms();
          showPictogram("horror2");

setTimeout(function () {
            hidePictograms();
            showPictogram("horror3");

setTimeout(function () {
              hidePictograms();
              showPictogram("end");
            }, 2000);
          }, 2000);
        }, 2000);
      }, 2000);
    }

// Start the game
    startGame();
  </script>
</body>
</html>
```

Note that you would need to replace the image source paths (e.g., `"start.png"`, `"horror1.png"`, etc.) with your own image files representing the different stages/scenes of the horror game.

This game initiates automatically when the page loads on a smartphone browser and progresses through the stages in a timed manner.