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

No:23520

←

Prev Next

→

Horror game
Developer User10970｜Date and time 23/11/1 4:18:26
Build time 84.946 sec｜Game capacity 2.675KB｜

Script

Sure! Here's a simple horror game implemented as a single HTML file using JavaScript. It will run on a smartphone and uses pictograms to create a spooky atmosphere. Remember, this is just a basic example to give you an idea, and you can expand and enhance it as per your requirements.

Welcome to the Horror Game!

Tap anywhere to start the horror!

To use this code: 1. Create an HTML file using any text editor and save it with a .html extension (e.g., horror_game.html). 2. Place the provided code inside the file. 3. Save any pictogram images you want to use (start.png, scary.png, win.png, lose.png) in the same directory as the HTML file. 4. Open the HTML file in a web browser on your smartphone. 5. Tap anywhere on the screen to start the game, and follow the image and message changes based on the game state. Please note that this example game is very basic, and you can enhance it further by adding more gameplay features, sound effects, animations, or more complex interactions.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
<title>Horror Game</title>
<style>
  body {
    text-align: center;
    font-family: Arial, sans-serif;
  }
  img {
    max-width: 200px;
  }
  h1 {
    margin-top: 50px;
  }
</style>
</head>
<body>
  <h1>Welcome to the Horror Game!</h1>
  <img id="gameImage" src="start.png" alt="Game Image">
  <p id="gameMessage">Tap anywhere to start the horror!</p>

// Function to handle game logic based on current state
    function gameLogic() {
      var gameImage = document.getElementById("gameImage");
      var gameMessage = document.getElementById("gameMessage");

if (gameState === "intro") {
        gameMessage.textContent = "You woke up in a haunted house...";
      } else if (gameState === "playing") {
        gameImage.src = "scary.png";
        gameMessage.textContent = "Something is lurking in the darkness!";
      } else if (gameState === "win") {
        gameImage.src = "win.png";
        gameMessage.textContent = "Congratulations, you survived!";
      } else if (gameState === "lose") {
        gameImage.src = "lose.png";
        gameMessage.textContent = "Game Over... The horror got you!";
      }
    }

// Event listener to handle screen taps
    document.addEventListener("click", function() {
      if (gameState === "intro") {
        gameState = "playing";
      } else if (gameState === "playing") {
        gameState = Math.random() < 0.5 ? "win" : "lose";
      } else if (gameState === "win" || gameState === "lose") {
        gameState = "intro";
      }

gameLogic();
    });

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

To use this code:

1. Create an HTML file using any text editor and save it with a .html extension (e.g., horror_game.html).
2. Place the provided code inside the file.
3. Save any pictogram images you want to use (start.png, scary.png, win.png, lose.png) in the same directory as the HTML file.
4. Open the HTML file in a web browser on your smartphone.
5. Tap anywhere on the screen to start the game, and follow the image and message changes based on the game state.

Please note that this example game is very basic, and you can enhance it further by adding more gameplay features, sound effects, animations, or more complex interactions.