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

No:20063

A horror game about k○lling monsters
Developer User8938｜Date and time 23/10/8 5:26:22
Build time 13.518 sec｜Game capacity 2.962KB｜

Script

Sure! Here's an example of a simple horror game about killing monsters using JavaScript in a single HTML file. Please note that this is a basic implementation and you can expand upon it further as per your requirements and design preferences:

Monster Hunter

Are you ready to hunt monsters?

In this game, the player starts by clicking the "Attack" button. Random damage points are deducted from the monster's health each time the player attacks. Once the monster's health reaches 0 or below, the game ends, and a victory message is displayed. Note: Make sure to replace the `emozi_all/monster.png` image source with an actual monster pictogram or image of your choice.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Monster Hunter</title>
  <style>
    body {
      text-align: center;
    }
    #game-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 400px;
    }
    #message {
      font-size: 24px;
      margin-bottom: 10px;
    }
    #monster {
      width: 150px;
      height: 150px;
    }
    #attack-btn {
      font-size: 18px;
      padding: 10px 20px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Monster Hunter</h1>
  <div id="game-container">
    <div id="game-content">
      <p id="message">Are you ready to hunt monsters?</p>
      <img src="monster.png" id="monster">
      <button id="attack-btn">Attack</button>
    </div>
  </div>

// DOM elements
    const messageElement = document.getElementById("message");
    const monsterElement = document.getElementById("monster");
    const attackButton = document.getElementById("attack-btn");

// Start game
    function startGame() {
      isGameStarted = true;
      showMessage("You are now hunting monsters!");
      showMonster();
      attackButton.style.display = "block";
    }

// Display a message
    function showMessage(message) {
      messageElement.textContent = message;
    }

// Show monster image
    function showMonster() {
      monsterElement.style.display = "block";
    }

// Hide monster image
    function hideMonster() {
      monsterElement.style.display = "none";
    }

// Perform an attack on the monster
    function attack() {
      const damage = Math.floor(Math.random() * 15) + 1;
      monsterHealth -= damage;

if (monsterHealth <= 0) {
        endGame();
      } else {
        showMessage(`You attacked the monster and dealt ${damage} damage! Monster health: ${monsterHealth}`);
      }
    }

// End the game
    function endGame() {
      isGameStarted = false;
      showMessage("Congratulations! You defeated the monster!");
      hideMonster();
      attackButton.style.display = "none";
    }

// Event listeners
    attackButton.addEventListener('click', () => {
      if (!isGameStarted) {
        startGame();
      } else {
        attack();
      }
    });
  </script>
</body>
</html>
```

Note: Make sure to replace the `monster.png` image source with an actual monster pictogram or image of your choice.