Game based on the backrooms With monsters and infinite hallways and rooms You can add scary things's game

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

No:13033

154

←

Prev Next

→

Game based on the backrooms With monsters and infi..ALL
Developer User4222｜Date and time 23/8/26 9:41:34
Build time 15.452 sec｜Game capacity 3.964KB｜

Script

Sure! Here's an example of a game based on the concept of the Backrooms using JavaScript and pictograms. Please note that this is a basic implementation and can be expanded upon to add more features and complexity.

🚶

This game allows you to control a player character (represented by a walking pictogram) using the arrow keys on your phone. The player is placed in a never-ending maze-like environment called the Backrooms. The aim is to navigate through the hallways (gray areas) while avoiding the monsters (red emoji). Feel free to expand upon this code to add more features, levels, and gameplay mechanics as needed.

←

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>The Backrooms Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        
        #game {
            width: 100vw;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        #player {
            position: absolute;
            top: 50vh;
            left: 50vw;
            transform: translate(-50%, -50%);
            font-size: 60px;
        }
        
        .monster {
            position: absolute;
            font-size: 80px;
            color: red;
        }
        
        .hallway {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #cfcfcf;
            z-index: -1;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="player">🚶</div>
    </div>
    
    <script>
        // Move player within the game area
        document.addEventListener('keydown', (event) => {
            const player = document.getElementById('player');
            const playerPosition = player.getBoundingClientRect();
            const gameArea = document.getElementById('game').getBoundingClientRect();
            
            switch(event.key) {
                case 'ArrowUp':
                    if (playerPosition.top > gameArea.top + 10) {
                        player.style.top = playerPosition.top - 10 + 'px';
                    }
                    break;
                case 'ArrowDown':
                    if (playerPosition.bottom < gameArea.bottom - 10) {
                        player.style.top = playerPosition.top + 10 + 'px';
                    }
                    break;
                case 'ArrowLeft':
                    if (playerPosition.left > gameArea.left + 10) {
                        player.style.left = playerPosition.left - 10 + 'px';
                    }
                    break;
                case 'ArrowRight':
                    if (playerPosition.right < gameArea.right - 10) {
                        player.style.left = playerPosition.left + 10 + 'px';
                    }
                    break;
            }
        });
        
        // Generate random monsters in random positions
        function generateMonster() {
            const monster = document.createElement('div');
            monster.classList.add('monster');
            monster.innerHTML = '👹';
            
            const gameArea = document.getElementById('game').getBoundingClientRect();
            const randomPositionTop = Math.floor(Math.random() * (gameArea.height - 80)) + gameArea.top;
            const randomPositionLeft = Math.floor(Math.random() * (gameArea.width - 80)) + gameArea.left;
            
            monster.style.top = randomPositionTop + 'px';
            monster.style.left = randomPositionLeft + 'px';
            
            document.body.appendChild(monster);
        }
        
        // Generate initial monsters
        for (let i = 0; i < 5; i++) {
            generateMonster();
        }
        
        // Generate monsters every 3 seconds
        setInterval(generateMonster, 3000);
    </script>
</body>
</html>
```

Feel free to expand upon this code to add more features, levels, and gameplay mechanics as needed.