A horror game where you have to find key before the monster get you's game

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

No:31115

←

Prev Next

→

A horror game where you have to find key before th..ALL
Developer User15010｜Date and time 23/12/24 23:26:31
Build time 21.654 sec｜Game capacity 3.008KB｜

Script

Sure! Here's a simple horror game implemented as a single HTML file using JavaScript. The game requires you to find a key before the monster catches you. It includes some pictograms for a visual representation. You can play it on a smartphone by opening the HTML file in a web browser.

🚶

👹

🔑

In this game, you control the player (represented by a walking character) using the left and right arrow keys on your smartphone. Your goal is to move the player to the position of the key (represented by a key symbol) before the monster (represented by a monster symbol) reaches you. If the player and monster occupy the same position, the game is over. If you reach the key before that happens, you win!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
      }
      #game-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 100px;
      }
      #player, #monster, #key {
        font-size: 40px;
        padding-top: 20px;
      }
      #message {
        font-size: 24px;
        margin-top: 20px;
        color: red;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="player">🚶</div>
      <div id="monster">👹</div>
      <div id="key">🔑</div>
      <div id="message"></div>
    </div>
    <script>
      // Game variables
      var playerPosition = 0;
      var monsterPosition = Math.floor(Math.random() * 5) + 1;
      var keyPosition = Math.floor(Math.random() * 5) + 1;
      var isGameOver = false;

// Update game state function
      function updateGameState() {
        var playerElement = document.getElementById("player");
        var monsterElement = document.getElementById("monster");
        var keyElement = document.getElementById("key");
        var messageElement = document.getElementById("message");

playerElement.innerText = "🚶";
        monsterElement.innerText = "👹";
        keyElement.innerText = "🔑";

if (playerPosition === monsterPosition) {
          messageElement.innerText = "Game Over! The monster caught you.";
          isGameOver = true;
          return;
        }

if (playerPosition === keyPosition) {
          messageElement.innerText = "You found the key! You can now escape!";
          keyElement.innerText = ""; // Remove key from display
        } else {
          messageElement.innerText = "";
        }

playerElement.style.marginLeft = playerPosition * 100 + "px";
      }

// Handle key press events
      document.addEventListener("keydown", function (event) {
        if (isGameOver) return;

if (event.key === "ArrowLeft" && playerPosition > 0) {
          playerPosition--;
        } else if (event.key === "ArrowRight" && playerPosition < 5) {
          playerPosition++;
        }

updateGameState();
      });

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