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

No:31992

59

Make a horror game called "The Furry Friends". You..ALL
Developer User15291｜Date and time 23/12/29 4:44:48
Build time 29.923 sec｜Game capacity 4.628KB｜

Sure! Here's an example of a simple horror game called "The Furry Friends" implemented as a single HTML file. Please note that this is a basic implementation to give you an idea, and you can expand upon it further to add more features, levels, or improve the gameplay.

The Furry Friends

Pet Store

Inventory:

1

1

In this game, you start as a child exploring an abandoned pet store and have two items in your inventory: a black light and a gun. The black light reveals hidden messages on the walls, and the gun shoots tiny lightning bolts to power up generators that open doors. By clicking the "Interact" button or using the `action-button` event, you can interact with the environment depending on the current image displayed. If you're chased by the mutant cat, you need to run away by clicking the button before it catches you. If you're in front of a hidden message, it will be revealed. If you're in front of a generator, you can power it up with the gun. Clicking on the inventory items (black light and gun) will decrease their quantity by one. To reset the game, you can press the "R" key on your keyboard. Note: The images used in the example are placeholders and you can replace them with appropriate pictograms or actual images in your implementation.

→ 　

0　

0　

　

　
　
　

[PR]現在の欲しいものランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a simple horror game called "The Furry Friends" implemented as a single HTML file. Please note that this is a basic implementation to give you an idea, and you can expand upon it further to add more features, levels, or improve the gameplay.

```html
<!DOCTYPE html>
<html>
<head>
  <title>The Furry Friends Horror Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    #game-area {
      padding: 20px;
    }
    #inventory {
      margin-top: 10px;
    }
  </style>
</head>
<body>
  <h1>The Furry Friends</h1>
  <div id="game-area">
    <p id="message"></p>
    <img src="petstore.jpg" alt="Pet Store" id="image" width="400">
    <button id="action-button">Interact</button>
    <div id="inventory">
      Inventory: 
      <img src="blacklight.png" alt="Black Light" id="blacklight" width="32" height="32">
      <span id="blacklight-quantity">1</span>
      <img src="gun.png" alt="Gun" id="gun" width="32" height="32">
      <span id="gun-quantity">1</span>
    </div>
  </div>
  
  <script>
    var inventory = {
      blacklight: 1,
      gun: 1
    };
    var isChasedByMutantCat = false;
    
    function showHiddenMessage() {
      var messageElement = document.getElementById("message");
      messageElement.innerText = "You found a hidden message: 'Beware the darkness...'";
    }
    
    function powerGenerator() {
      if (inventory.gun > 0) {
        var messageElement = document.getElementById("message");
        messageElement.innerText = "You power up the generator with your gun. The door opens.";
      } else {
        var messageElement = document.getElementById("message");
        messageElement.innerText = "You need a gun to power up the generator!";
      }
    }
    
    function runFromMutantCat() {
      isChasedByMutantCat = true;
      var imageElement = document.getElementById("image");
      imageElement.src = "cat.jpg";
      var messageElement = document.getElementById("message");
      messageElement.innerText = "You are being chased by a big mutant cat!";
    }
    
    function interact() {
      if (isChasedByMutantCat) {
        var messageElement = document.getElementById("message");
        messageElement.innerText = "You were caught by the mutant cat. Game Over!";
        document.getElementById("action-button").disabled = true;
      } else {
        var imageElement = document.getElementById("image");
        if (imageElement.src.endsWith("petstore.jpg")) {
          showHiddenMessage();
        } else if (imageElement.src.endsWith("door.jpg")) {
          powerGenerator();
        }
      }
    }
    
    function decreaseItemQuantity(item) {
      if (inventory[item] > 0) {
        inventory[item]--;
        document.getElementById(item + "-quantity").innerText = inventory[item];
      }
    }
    
    function init() {
      document.getElementById("action-button").addEventListener("click", interact);
      
      document.getElementById("blacklight").addEventListener("click", function() {
        decreaseItemQuantity("blacklight");
      });
      
      document.getElementById("gun").addEventListener("click", function() {
        decreaseItemQuantity("gun");
      });
      
      // This event triggers when the user presses a key
      document.addEventListener("keydown", function(event) {
        // Check if the "R" key is pressed to reset the game
        if (event.key === "r" || event.key === "R") {
          location.reload(); // Reload the page to restart the game
        }
      });
      
      runFromMutantCat();
    }
    
    // Start the game
    init();
  </script>
</body>
</html>
```

In this game, you start as a child exploring an abandoned pet store and have two items in your inventory: a black light and a gun. The black light reveals hidden messages on the walls, and the gun shoots tiny lightning bolts to power up generators that open doors.

By clicking the "Interact" button or using the `action-button` event, you can interact with the environment depending on the current image displayed. If you're chased by the mutant cat, you need to run away by clicking the button before it catches you. If you're in front of a hidden message, it will be revealed. If you're in front of a generator, you can power it up with the gun.

Clicking on the inventory items (black light and gun) will decrease their quantity by one.

To reset the game, you can press the "R" key on your keyboard.

Note: The images used in the example are placeholders and you can replace them with appropriate pictograms or actual images in your implementation.