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

No:20392

A house that you have to protect from a murder nam..ALL
Developer User9032｜Date and time 23/10/9 10:41:21
Build time 15.998 sec｜Game capacity 2.668KB｜

Script

Sure! Here's an example of a simple game where you need to protect a house from a murderer named Issack using only JavaScript. This implementation uses pictograms and assumes smartphone operation.

The House Defender

🏠

💀

In this game, you'll see two pictograms: a house and a murderer. The objective is to prevent the murderer (represented by the skull emoji) from reaching the house (represented by the house emoji). To start the game, tap the "Start Game" button. The murderer will randomly move across the screen, and you need to tap anywhere on the screen to make the murderer change its position. If the murderer reaches the house, you lose the game and a "Game Over" message will be displayed. Feel free to customize the styles, add sound effects, or enhance the gameplay according to your preferences!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game where you need to protect a house from a murderer named Issack using only JavaScript. This implementation uses pictograms and assumes smartphone operation.

```html
<!DOCTYPE html>
<html>
<head>
  <title>The House Defender</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    .pictogram {
      font-size: 100px;
      margin-top: 40px;
    }
    #startButton {
      font-size: 30px;
      padding: 10px 20px;
      margin-top: 30px;
    }
  </style>
</head>
<body>
  <h1>The House Defender</h1>
  <div id="gameContainer">
    <div class="pictogram" id="house">🏠</div>
    <div class="pictogram" id="murderer">💀</div>
  </div>
  <button id="startButton">Start Game</button>

function moveMurderer() {
      var randomPosition = Math.random() * (gameContainer.offsetWidth - murderer.offsetWidth);
      murderer.style.left = randomPosition + 'px';
    }

function detectCollision() {
      var houseRect = house.getBoundingClientRect();
      var murdererRect = murderer.getBoundingClientRect();

if (houseRect.top < murdererRect.bottom &&
          houseRect.bottom > murdererRect.top &&
          houseRect.left < murdererRect.right &&
          houseRect.right > murdererRect.left) {
        gameOver();
      }
    }

function gameOver() {
      alert('Game Over! Issack got into the house!');
      resetGame();
    }

function resetGame() {
      murderer.style.left = '0px';
      startButton.style.display = 'block';
    }

startButton.addEventListener('click', function() {
      startButton.style.display = 'none';
      moveMurderer();
    });

gameContainer.addEventListener('click', function() {
      moveMurderer();
      detectCollision();
    });
  </script>
</body>
</html>
```

Feel free to customize the styles, add sound effects, or enhance the gameplay according to your preferences!