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

No:8175

4619

Horror game
Developer anonymous｜Date and time 70/1/1 10:04:35
Build time unknown sec｜Game capacity 3.875KB｜

Sure! Here is a simple horror game implemented as a single HTML file with JavaScript. The game is played by clicking on different elements to progress through a scary story. Please note that this is a basic sample game and can be further expanded upon.

Horror Game

This HTML file represents a simple choose-your-own-adventure style horror game. Each chapter is displayed one by one, and the player can progress by clicking the "Continue" button. In chapter three, the player is presented with two choices, and depending on their choice, the game can end in either success or failure. The "Play Again" button allows the player to start the game from the beginning. Note: This is just a basic example. To make a more elaborate and complete horror game, additional features, graphics, and interactivity would need to be added.

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

Sure! Here is a simple horror game implemented as a single HTML file with JavaScript. The game is played by clicking on different elements to progress through a scary story. Please note that this is a basic sample game and can be further expanded upon.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Horror Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    
    .start {
      text-align: center;
    }
    
    .story {
      margin: 20px;
      text-align: center;
    }
    
    button {
      display: block;
      margin: 20px auto;
      padding: 10px 20px;
      background-color: #333;
      color: #fff;
      border: none;
      cursor: pointer;
      font-size: 16px;
      font-weight: bold;
      border-radius: 5px;
    }
  </style>
</head>
<body>
  <div class="start">
    <h1>Horror Game</h1>
    <button onclick="startGame()">Start</button>
  </div>
  
  <div class="story" id="story" style="display: none;">
    <h1>Story</h1>
    <p>Once upon a time, in an old and creepy mansion, strange things started happening...</p>
    <button onclick="chapterOne()">Continue</button>
  </div>
  
  <div class="story" id="chapter-one" style="display: none;">
    <h1>Chapter One</h1>
    <p>As you entered the mansion, you heard a faint whisper from the upstairs.</p>
    <button onclick="chapterTwo()">Continue</button>
  </div>
  
  <div class="story" id="chapter-two" style="display: none;">
    <h1>Chapter Two</h1>
    <p>You cautiously climbed the creaky staircase, and suddenly a door slammed shut behind you.</p>
    <button onclick="chapterThree()">Continue</button>
  </div>
  
  <div class="story" id="chapter-three" style="display: none;">
    <h1>Chapter Three</h1>
    <p>You found yourself in a dimly lit room with a single flickering candle on a dusty table.</p>
    <button onclick="gameOver()">Extinguish the candle</button>
    <button onclick="chapterFour()">Blow on the candle</button>
  </div>
  
  <div class="story" id="chapter-end" style="display: none;">
    <h1>The End</h1>
    <p>You managed to escape the mansion as you felt an evil presence getting closer.</p>
    <button onclick="startGame()">Play Again</button>
  </div>
  
  <script>
    function startGame() {
      document.getElementById('start').style.display = 'none';
      document.getElementById('story').style.display = 'block';
    }
    
    function chapterOne() {
      document.getElementById('chapter-one').style.display = 'block';
      document.getElementById('story').style.display = 'none';
    }
    
    function chapterTwo() {
      document.getElementById('chapter-two').style.display = 'block';
      document.getElementById('chapter-one').style.display = 'none';
    }
    
    function chapterThree() {
      document.getElementById('chapter-three').style.display = 'block';
      document.getElementById('chapter-two').style.display = 'none';
    }
    
    function chapterFour() {
      document.getElementById('chapter-end').style.display = 'block';
      document.getElementById('chapter-three').style.display = 'none';
    }
    
    function gameOver() {
      alert('You extinguished the candle and the room plunged into darkness. Suddenly, you felt an icy hand on your shoulder...');
      window.location.reload();
    }
  </script>
</body>
</html>
```

This HTML file represents a simple choose-your-own-adventure style horror game. Each chapter is displayed one by one, and the player can progress by clicking the "Continue" button. In chapter three, the player is presented with two choices, and depending on their choice, the game can end in either success or failure. The "Play Again" button allows the player to start the game from the beginning.

Note: This is just a basic example. To make a more elaborate and complete horror game, additional features, graphics, and interactivity would need to be added.