a man was walking they found a dead body then a monster was chasing him and you have a flashlight and run away from the monster and you get coins for new monsters's game

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

No:593

193

←

Prev Next

→

a man was walking they found a dead body then a mo..ALL
Developer User2996｜Date and time 23/6/16 2:06:58
Build time 56.066 sec｜Game capacity 4.816KB｜

Script

Here is an implementation of the game as a single HTML file that includes JavaScript code. The game is designed to be played on a smartphone.

Coins: 0

The game is called ”Monster Hunter.” The player controls a man with a flashlight who is being chased by monsters. The goal is to collect coins by running away from the monsters. The game is played by moving the man left or right using the arrow keys on the keyboard. The monsters move toward the man, and if they catch up to him, the player has to use the flashlight to scare them away. The player earns coins for each monster they scare away, and these coins can be used to unlock new monsters. The game is designed to be simple and fun, with a focus on using emojis to create a playful and engaging experience.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Here is an implementation of the game as a single HTML file that includes JavaScript code. The game is designed to be played on a smartphone.

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Monster Hunter</title>
  <style>
    body {
      font-family: 'Segoe UI Emoji', sans-serif;
      text-align: center;
    }
    
    #game {
      position: relative;
      width: 100%;
      height: 100vh;
    }
    
    #player {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: yellow;
      border-radius: 50%;
      left: 50%;
      bottom: 0;
      transform: translate(-50%, 50%);
    }
    
    .monster {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: red;
      border-radius: 50%;
      display: none;
    }
    
    #message {
      position: absolute;
      width: 100%;
      bottom: 100%;
      font-size: 1.5em;
      z-index: 1;
    }
    
    #coins {
      font-size: 1.5em;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
    <div id="monster1" class="monster"></div>
    <div id="monster2" class="monster"></div>
    <div id="monster3" class="monster"></div>
  </div>
  <p id="message"></p>
  <p>Coins: <span id="coins">0</span></p>
  
  <script>
    const player = document.getElementById('player');
    const monster1 = document.getElementById('monster1');
    const monster2 = document.getElementById('monster2');
    const monster3 = document.getElementById('monster3');
    const message = document.getElementById('message');
    const coins = document.getElementById('coins');
    
    let playerX = 50;
    let monster1X = -100;
    let monster2X = -100;
    let monster3X = -100;
    let score = 0;
    
    document.addEventListener('keydown', (event) => {
      if (event.key === 'ArrowLeft') {
        playerX -= 10;
        player.style.left = playerX + 'px';
      } else if (event.key === 'ArrowRight') {
        playerX += 10;
        player.style.left = playerX + 'px';
      }
    });
    
    setInterval(() => {
      if (monster1X < 0) {
        monster1X += 10;
        monster1.style.left = monster1X + 'px';
        monster1.style.display = 'block';
      } else if (monster2X < 0 && score >= 10) {
        monster2X += 10;
        monster2.style.left = monster2X + 'px';
        monster2.style.display = 'block';
      } else if (monster3X < 0 && score >= 20) {
        monster3X += 10;
        monster3.style.left = monster3X + 'px';
        monster3.style.display = 'block';
      } else {
        if (monster1X >= 0) {
          monster1X -= 10;
          monster1.style.left = monster1X + 'px';
        }
        if (monster2X >= 0) {
          monster2X -= 10;
          monster2.style.left = monster2X + 'px';
        }
        if (monster3X >= 0) {
          monster3X -= 10;
          monster3.style.left = monster3X + 'px';
        }
      }
      
      if (playerX >= monster1X - 50 && playerX <= monster1X + 50) {
        showMessage('Monster!');
        if (confirm('You encountered a monster! Run away using your flashlight!')) {
          hideMessage();
          monster1.style.display = 'none';
          score += 1;
          coins.innerHTML = score;
        }
      } else if (playerX >= monster2X - 50 && playerX <= monster2X + 50) {
        showMessage('Monster!');
        if (confirm('You encountered a monster! Run away using your flashlight!')) {
          hideMessage();
          monster2.style.display = 'none';
          score += 2;
          coins.innerHTML = score;
        }
      } else if (playerX >= monster3X - 50 && playerX <= monster3X + 50) {
        showMessage('Monster!');
        if (confirm('You encountered a monster! Run away using your flashlight!')) {
          hideMessage();
          monster3.style.display = 'none';
          score += 3;
          coins.innerHTML = score;
        }
      } else {
        hideMessage();
      }
    }, 50);
    
    function showMessage(text) {
      message.innerHTML = text;
      message.style.bottom = '0';
    }
    
    function hideMessage() {
      message.innerHTML = '';
      message.style.bottom = '100%';
    }
  </script>
</body>
</html>

The game is called "Monster Hunter." The player controls a man with a flashlight who is being chased by monsters. The goal is to collect coins by running away from the monsters. The game is played by moving the man left or right using the arrow keys on the keyboard. The monsters move toward the man, and if they catch up to him, the player has to use the flashlight to scare them away. The player earns coins for each monster they scare away, and these coins can be used to unlock new monsters. The game is designed to be simple and fun, with a focus on using emojis to create a playful and engaging experience.