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

No:24375

←

Prev Next

→

Analog horror game
Developer User11502｜Date and time 23/11/8 3:46:32
Build time 236.191 sec｜Game capacity 7.341KB｜

Script

Sure! Here's an example of an analog horror game implemented as a single HTML file using JavaScript. This game assumes smartphone operation and uses pictograms for a more immersive experience:

Analog Horror Game

You find an old dusty book on your doorstep. What would you like to do?

To make this game work, you'll need to create a folder named `pictograms` and place relevant pictogram images in it. Then, update the `src` values in the `img` tags according to the respective file names. You can further enhance the game with additional choices, storylines, and images based on your preferences. Have fun playing!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of an analog horror game implemented as a single HTML file using JavaScript. This game assumes smartphone operation and uses pictograms for a more immersive experience:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Analog Horror Game</title>
  <style>
    body {
      text-align: center;
    }
    
    h1 {
      font-size: 24px;
    }
    
    #game-container {
      margin-top: 20px;
    }
    
    #game-text {
      font-size: 20px;
      margin-bottom: 20px;
    }
    
    #game-image {
      max-width: 300px;
      max-height: 300px;
      margin-bottom: 20px;
    }
    
    #game-buttons {
      display: flex;
      justify-content: center;
    }
    
    .game-button {
      margin: 0 10px;
      padding: 10px 20px;
      font-size: 16px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Analog Horror Game</h1>
  
  <div id="game-container">
    <p id="game-text">You find an old dusty book on your doorstep. What would you like to do?</p>
    <img id="game-image" src="pictograms/book.png" alt="Book Pictogram">
    <div id="game-buttons">
      <button class="game-button" onclick="startGame()">Open the book</button>
      <button class="game-button" onclick="ignoreBook()">Ignore the book</button>
    </div>
  </div>
  
  <script>
    function startGame() {
      document.getElementById("game-text").textContent = "As you open the book, eerie whispers fill the room. What would you like to do?";
      document.getElementById("game-image").src = "pictograms/whisper.png";
      document.getElementById("game-buttons").innerHTML = `
        <button class="game-button" onclick="runAway()">Run away</button>
        <button class="game-button" onclick="continueReading()">Continue reading</button>
      `;
    }
    
    function ignoreBook() {
      document.getElementById("game-text").textContent = "You ignore the book and continue with your day. The paranormal activity around your house intensifies.";
      document.getElementById("game-image").src = "pictograms/haunted_house.png";
      document.getElementById("game-buttons").innerHTML = `
        <button class="game-button" onclick="investigateActivity()">Investigate</button>
        <button class="game-button" onclick="callForHelp()">Call for help</button>
      `;
    }
    
    function runAway() {
      document.getElementById("game-text").textContent = "As you try to run away, the whispers follow you. They consume your mind, driving you to madness.";
      document.getElementById("game-image").src = "pictograms/madness.png";
      document.getElementById("game-buttons").innerHTML = `
        <button class="game-button" onclick="endGame()">Try again</button>
      `;
    }
    
    function continueReading() {
      document.getElementById("game-text").textContent = "You continue reading the book and discover a ritual. Do you want to perform it?";
      document.getElementById("game-image").src = "pictograms/ritual.png";
      document.getElementById("game-buttons").innerHTML = `
        <button class="game-button" onclick="performRitual()">Perform the ritual</button>
        <button class="game-button" onclick="cancelRitual()">Cancel</button>
      `;
    }
    
    function investigateActivity() {
      document.getElementById("game-text").textContent = "You investigate the paranormal activity and find a hidden room behind a bookshelf. What's your next move?";
      document.getElementById("game-image").src = "pictograms/hidden_room.png";
      document.getElementById("game-buttons").innerHTML = `
        <button class="game-button" onclick="exploreRoom()">Explore the room</button>
        <button class="game-button" onclick="leaveRoom()">Leave</button>
      `;
    }
    
    function callForHelp() {
      document.getElementById("game-text").textContent = "You call for help but the line is dead. Your phone starts ringing. What do you do?";
      document.getElementById("game-image").src = "pictograms/ringing_phone.png";
      document.getElementById("game-buttons").innerHTML = `
        <button class="game-button" onclick="answerPhone()">Answer the phone</button>
        <button class="game-button" onclick="ignorePhone()">Ignore the phone</button>
      `;
    }
    
    function performRitual() {
      document.getElementById("game-text").textContent = "You perform the ritual and a demon appears. It drags you into the darkness.";
      document.getElementById("game-image").src = "pictograms/demon.png";
      document.getElementById("game-buttons").innerHTML = `
        <button class="game-button" onclick="endGame()">Try again</button>
      `;
    }
    
    function cancelRitual() {
      document.getElementById("game-text").textContent = "You decide not to perform the ritual. The book disintegrates, freeing the trapped spirits.";
      document.getElementById("game-image").src = "pictograms/spirits.png";
      document.getElementById("game-buttons").innerHTML = `
        <button class="game-button" onclick="endGame()">Play again</button>
      `;
    }
    
    function exploreRoom() {
      document.getElementById("game-text").textContent = "You find a diary and learn about the house's dark past. Your curiosity angers the house spirits.";
      document.getElementById("game-image").src = "pictograms/spirits.png";
      document.getElementById("game-buttons").innerHTML = `
        <button class="game-button" onclick="endGame()">Restart</button>
      `;
    }
    
    function leaveRoom() {
      document.getElementById("game-text").textContent = "As you leave the room, the hidden exit closes behind you. The house consumes you.";
      document.getElementById("game-image").src = "pictograms/haunted_house.png";
      document.getElementById("game-buttons").innerHTML = `
        <button class="game-button" onclick="endGame()">Try again</button>
      `;
    }
    
    function answerPhone() {
      document.getElementById("game-text").textContent = "You answer the phone and a haunting voice tells you that it's too late. The line goes dead.";
      document.getElementById("game-image").src = "pictograms/ringing_phone.png";
      document.getElementById("game-buttons").innerHTML = `
        <button class="game-button" onclick="endGame()">Start over</button>
      `;
    }
    
    function ignorePhone() {
      document.getElementById("game-text").textContent = "Ignoring the phone, you hope for a moment of respite. The spirits become more restless.";
      document.getElementById("game-image").src = "pictograms/haunted_house.png";
      document.getElementById("game-buttons").innerHTML = `
        <button class="game-button" onclick="endGame()">Restart</button>
      `;
    }
    
    function endGame() {
      document.getElementById("game-text").textContent = "Thank you for playing the Analog Horror Game!";
      document.getElementById("game-image").src = "pictograms/game_over.png";
      document.getElementById("game-buttons").innerHTML = '';
    }
  </script>
</body>
</html>
```

You can further enhance the game with additional choices, storylines, and images based on your preferences. Have fun playing!