A horror game about a man hwo is trapped In a hotel with multiple rooks with black walls and yellow doors the monsters are red and the player is blue's game

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

No:11608

138

←

Prev Next

→

A horror game about a man hwo is trapped In a hote..ALL
Developer User4920｜Date and time 23/8/11 8:14:20
Build time 26.534 sec｜Game capacity 4.147KB｜

Script

Sure! Here's a code snippet for a simple horror game about a man trapped in a hotel with multiple rooms. The player is represented by a blue pictogram, and the monsters are represented by red pictograms. The game is played on a smartphone.

You can copy and paste the code into a single HTML file and open it in a web browser to play the game. The player (blue) can move using arrow keys, and if the player collides with any monster (red), the game will be over.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Horror Hotel Game</title>
    <style>
        body {
            background-color: black;
        }

#game {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            height: 100vh;
        }

.room {
            width: 25%;
            height: 25vh;
            background-color: yellow;
            position: relative;
        }

.player {
            width: 50px;
            height: 50px;
            background-color: blue;
            position: absolute;
            top: calc(50% - 25px);
            left: calc(50% - 25px);
        }

.monster {
            width: 50px;
            height: 50px;
            background-color: red;
            position: absolute;
            top: calc(50% - 25px);
            left: calc(50% - 25px);
        }
    </style>
</head>
<body>
    <div id="game">
        
        <div class="room">
            <div class="monster"></div>
        </div>
        <div class="room">
            <div class="monster"></div>
        </div>
        <div class="room">
            <div class="monster"></div>
        </div>
        <div class="room">
            <div class="monster"></div>
        </div>
        
        <div class="room">
            <div class="player"></div>
        </div>
        <div class="room">
            <div class="monster"></div>
        </div>
        <div class="room">
            <div class="monster"></div>
        </div>
        <div class="room">
            <div class="monster"></div>
        </div>
    </div>

// Function to handle player movement
        function movePlayer(event) {
            const key = event.keyCode;

// Move the player based on arrow key inputs
            switch (key) {
                case 37: // Left arrow key
                    player.style.left = parseInt(player.style.left) - 50 + 'px';
                    break;
                case 38: // Up arrow key
                    player.style.top = parseInt(player.style.top) - 50 + 'px';
                    break;
                case 39: // Right arrow key
                    player.style.left = parseInt(player.style.left) + 50 + 'px';
                    break;
                case 40: // Down arrow key
                    player.style.top = parseInt(player.style.top) + 50 + 'px';
                    break;
            }

// Check if the player collides with any of the monsters
            monsters.forEach(monster => {
                if (isColliding(player, monster)) {
                    // Game over logic
                    alert('You got caught by a monster! Game Over!');
                }
            });
        }

// Function to check collision between player and monster
        function isColliding(player, monster) {
            const playerRect = player.getBoundingClientRect();
            const monsterRect = monster.getBoundingClientRect();

return (
                playerRect.top < monsterRect.bottom &&
                playerRect.right > monsterRect.left &&
                playerRect.bottom > monsterRect.top &&
                playerRect.left < monsterRect.right
            );
        }

// Event listener for player movement
        window.addEventListener('keydown', movePlayer);
    </script>
</body>
</html>
```