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

No:18557

you have to hide a creather is huting you you have..ALL
Developer User8197｜Date and time 23/9/29 22:11:06
Build time 64.359 sec｜Game capacity 5.545KB｜

Script

Here's a sample implementation of the game you described using HTML, CSS, and JavaScript. Save the following code in a single HTML file and open it in a web browser to play the game.

Hide and Seek Game

Please note that in the code above, I've used placeholder images for both the player and the monster. Replace these image URLs with your own images using the `background-image` property in the CSS. To play the game, each room is represented by a box on the screen. Clicking on a room sets a trap in that room. The player (represented by a kitten image) will move automatically between rooms. The goal is to set a trap in the same room as the monster before the monster finds the player. The game output will be displayed at the bottom of the screen. I hope this helps! Let me know if you have any further questions.

←

Prev　Next

→ 　

Back　

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

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

Here's a sample implementation of the game you described using HTML, CSS, and JavaScript. Save the following code in a single HTML file and open it in a web browser to play the game.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Hide and Seek Game</title>
  <style>
    body {
      background-color: #111;
      color: #fff;
      font-family: Arial, sans-serif;
      text-align: center;
    }

#game-container {
      width: 300px;
      margin: 0 auto;
    }

#output {
      height: 100px;
      padding: 10px;
      background-color: #222;
      overflow-y: scroll;
      margin-bottom: 10px;
    }

.room {
      width: 80px;
      height: 80px;
      border: 2px solid #fff;
      margin: 5px;
      display: inline-block;
      cursor: pointer;
    }

.player {
      width: 100px;
      height: 100px;
      background-image: url('https://placekitten.com/100/100'); /* Replace with your character's image */
    }

.monster {
      width: 100px;
      height: 100px;
      background-image: url('https://placekitten.com/100/100'); /* Replace with your monster's image */
    }

.trap {
      width: 40px;
      height: 40px;
      background-color: #f00;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <h1>Hide and Seek Game</h1>
    <div id="output"></div>
    <div id="rooms">
      <div class="room"></div>
      <div class="room"></div>
      <div class="room"></div>
    </div>
  </div>

function randomizeRooms() {
      playerRoom = Math.floor(Math.random() * 3) + 1;
      monsterRoom = Math.floor(Math.random() * 3) + 1;
      trapRoom = Math.floor(Math.random() * 3) + 1;
    }

function showMessage(message) {
      var output = document.getElementById('output');
      output.innerHTML += '<p>' + message + '</p>';
      output.scrollTop = output.scrollHeight;
    }

function movePlayer(room) {
      if (gameOver) {
        showMessage('Game over! Refresh the page to play again.');
        return;
      }

if (room === playerRoom) {
        showMessage('You are already in this room.');
      } else {
        playerRoom = room;
        showMessage('You moved to Room ' + room + '.');
        checkGameOver();
        moveMonster();
      }
    }

function moveMonster() {
      var monsterElement = document.getElementById('monster');
      var gameContainer = document.getElementById('game-container');

monsterElement.remove();

if (monsterRoom === playerRoom) {
        showMessage('The monster found you in Room ' + playerRoom + '! Game over.');
        gameOver = true;
      } else {
        monsterRoom = monsterRoom === 1 ? 2 : 1;
        gameContainer.getElementsByClassName('room')[monsterRoom - 1].appendChild(monsterElement);
        if (!gameOver) {
          showMessage('The monster moved to Room ' + monsterRoom + '.');
          checkGameOver();
        }
      }
    }

// Initialize game
    randomizeRooms();
    showMessage('You woke up in Room ' + playerRoom + '. Try to escape!');
    showMessage('There is a monster somewhere in the house. Be careful!');
    showMessage('Use the buttons below to move between rooms.');
    showMessage('Click on a room to set a trap.');

// Attach event listeners to rooms
    var rooms = document.getElementsByClassName('room');
    for (var i = 0; i < rooms.length; i++) {
      rooms[i].addEventListener('click', function() {
        var roomNumber = Array.from(document.getElementById('rooms').children).indexOf(this) + 1;
        setTrap(roomNumber);
      });
    }

// Create player element
    var playerElement = document.createElement('div');
    playerElement.classList.add('player');
    rooms[playerRoom - 1].appendChild(playerElement);

// Create monster element
    var monsterElement = document.createElement('div');
    monsterElement.setAttribute('id', 'monster');
    monsterElement.classList.add('monster');
    rooms[monsterRoom - 1].appendChild(monsterElement);
  </script>
</body>
</html>
```

Please note that in the code above, I've used placeholder images for both the player and the monster. Replace these image URLs with your own images using the `background-image` property in the CSS.

To play the game, each room is represented by a box on the screen. Clicking on a room sets a trap in that room. The player (represented by a kitten image) will move automatically between rooms. The goal is to set a trap in the same room as the monster before the monster finds the player. The game output will be displayed at the bottom of the screen.

I hope this helps! Let me know if you have any further questions.