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

No:22091

A horror game where you are chased by a really sca..ALL
Developer User10211｜Date and time 23/10/20 18:47:36
Build time 115.271 sec｜Game capacity 3.998KB｜

Script

Sure! Here's an example of a horror game called "Escape the Abandoned House" implemented as a single HTML file using JavaScript. The game is optimized for smartphone operation and uses pictograms to enhance the gameplay experience.

Escape the Abandoned House - Horror Game

Time left: 10:00

In the above code, we have an HTML structure containing relevant elements such as a timer, message display, pictograms for the scary crab and abandoned house, and controls for movement and escaping. The JavaScript handles game logic, including updating the timer, starting and stopping the crab chase, and ending the game when time runs out or the player escapes. Please note that the movement logic is not implemented in the provided code and would need to be added based on the specific game mechanics you desire.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Escape the Abandoned House - Horror Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }

h1 {
      text-align: center;
    }

#game-container {
      text-align: center;
      padding: 10px;
    }

#timer {
      font-size: 24px;
      margin-bottom: 20px;
    }

#message {
      font-size: 18px;
      margin-top: 20px;
    }

#controls {
      text-align: center;
      margin-top: 30px;
    }

button {
      font-size: 18px;
      padding: 10px 20px;
      margin: 10px;
    }

img {
      max-width: 100%;
    }
  </style>
</head>
<body>
  <h1>Escape the Abandoned House - Horror Game</h1>
  
  <div id="game-container">
    <div id="timer">Time left: 10:00</div>
    <div id="message"></div>
    <img src="scary-crab-pictogram.png" alt="Scary Crab" id="crab">
    <img src="abandoned-house-pictogram.png" alt="Abandoned House" id="house">
    
    <div id="controls">
      <button id="move-left">◀️</button>
      <button id="move-right">▶️</button>
      <button id="move-up">🔼</button>
      <button id="move-down">🔽</button>
      <button id="run-away">Run Away 🏃‍♀️</button>
    </div>
  </div>

function updateTimer() {
      var minutes = Math.floor(timeLeft / 60);
      var seconds = timeLeft % 60;
      document.getElementById("timer").innerHTML = "Time left: " + 
        (minutes < 10 ? "0" : "") + minutes + ":" + (seconds < 10 ? "0" : "") + seconds;
    }

function startChase() {
      var crabElement = document.getElementById("crab");
      crabElement.classList.add("chasing");
    }

function stopChase() {
      var crabElement = document.getElementById("crab");
      crabElement.classList.remove("chasing");
    }

function endGame(message) {
      clearInterval(gameInterval);
      document.getElementById("message").innerHTML = message;
      document.getElementById("controls").style.visibility = "hidden";
    }

var gameInterval = setInterval(function() {
      timeLeft--;
      updateTimer();

if (timeLeft <= 0) {
        endGame("You ran out of time! The crab got you. Game over!");
      }
    }, 1000);

// Event listeners
    document.getElementById("run-away").addEventListener("click", function() {
      stopChase();
      endGame("You managed to escape! Congratulations!");
    });

document.getElementById("move-left").addEventListener("click", function() {
      // Implement movement logic here
      // Move player character to the left
    });

document.getElementById("move-right").addEventListener("click", function() {
      // Implement movement logic here
      // Move player character to the right
    });

document.getElementById("move-up").addEventListener("click", function() {
      // Implement movement logic here
      // Move player character upwards
    });

document.getElementById("move-down").addEventListener("click", function() {
      // Implement movement logic here
      // Move player character downwards
    });

// Start the chase after 2 seconds
    setTimeout(startChase, 2000);
  </script>
</body>
</html>
```

Please note that the movement logic is not implemented in the provided code and would need to be added based on the specific game mechanics you desire.