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

No:15706

←

Prev Next

→

Horror
Developer User6838｜Date and time 23/9/10 23:06:11
Build time 21.826 sec｜Game capacity 2.499KB｜

Script

Sure! Here's a simple horror-themed game implemented as a single HTML file using JavaScript. Since it's designed for smartphone operation, I'll make it a tap-based game. Please note that the game logic itself might be very basic due to the limitations of the prompt and the HTML/JavaScript environment being used.

Welcome to the Horror Game!

Game Over!

Please note that the code above assumes you have three pictograms for different game states (pictogram1.png, pictogram2.png, and pictogram3.png). You'll need to replace them with actual image files. Additionally, feel free to customize the game and add more complex features according to your preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Horror Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      padding-top: 20%;
    }

#gameContainer {
      width: 300px;
      margin: auto;
    }

#gameOver {
      display: none;
      color: red;
      margin-bottom: 20px;
    }

#playAgainBtn {
      display: none;
      padding: 10px 20px;
      background-color: #3498db;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
  </style>
</head>
<body>
<div id="gameContainer">
  <h1>Welcome to the Horror Game!</h1>
  <img src="pictogram1.png" id="object" width="150" height="150" onclick="handleClick()" alt="Pictogram">
  <div id="gameOver">Game Over!</div>
  <button id="playAgainBtn" onclick="resetGame()">Play Again</button>
</div>

function startGame() {
    timerId = setInterval(updateTime, 1000);
  }

function updateTime() {
    timeLimit--;
    document.getElementById('object').src = 'pictogram2.png'; // Change pictogram image
    if (timeLimit <= 0) {
      endGame();
    }
  }

function handleClick() {
    score++;
    document.getElementById('object').src = 'pictogram3.png'; // Change pictogram image
  }

function endGame() {
    clearInterval(timerId);
    document.getElementById('object').style.display = 'none';
    document.getElementById('gameOver').style.display = 'block';
    document.getElementById('playAgainBtn').style.display = 'block';
  }

function resetGame() {
    score = 0;
    timeLimit = 10;
    document.getElementById('object').style.display = 'block';
    document.getElementById('gameOver').style.display = 'none';
    document.getElementById('playAgainBtn').style.display = 'none';
    startGame();
  }

startGame();
</script>
</body>
</html>
```