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

No:9742

A girl stuck in a room full of just emptiness
Developer User4414｜Date and time 23/7/27 1:59:44
Build time 21.642 sec｜Game capacity 3.055KB｜

Script

Emptiness Escape

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Emptiness Escape</title>
    <style>
        body {
            background-color: #eee;
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 100px;
        }
        h1 {
            color: #333;
        }
        #game-container {
            display: inline-block;
        }
        #arrow-buttons {
            margin-top: 20px;
        }
        .arrow-button {
            width: 60px;
            height: 60px;
            background-color: #ccc;
            border: none;
            border-radius: 50%;
            outline: none;
            margin: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Emptiness Escape</h1>
    <div id="game-container">
        <img src="empty-room-pictogram.png" alt="Empty Room" width="200">
    </div>
    <div id="arrow-buttons">
        <button class="arrow-button" id="up"></button><br>
        <button class="arrow-button" id="left"></button>
        <button class="arrow-button" id="down"></button>
        <button class="arrow-button" id="right"></button>
    </div>

// Define starting position
        let currentPosition = { x: 0, y: 0 };

// Update game screen with current position
        function updateGameScreen() {
            gameContainer.innerHTML = `<img src="empty-room-pictogram.png" alt="Empty Room" width="200">`;
            const roomImage = gameContainer.querySelector('img');
            roomImage.style.marginLeft = `${currentPosition.x}px`;
            roomImage.style.marginTop = `${currentPosition.y}px`;
        }

// Move player based on arrow button clicked
        function movePlayer(direction) {
            switch (direction) {
                case 'up':
                    currentPosition.y -= 10;
                    break;
                case 'left':
                    currentPosition.x -= 10;
                    break;
                case 'down':
                    currentPosition.y += 10;
                    break;
                case 'right':
                    currentPosition.x += 10;
                    break;
                default:
                    break;
            }
            updateGameScreen();
        }

// Add event listeners to arrow buttons
        upButton.addEventListener('click', () => movePlayer('up'));
        leftButton.addEventListener('click', () => movePlayer('left'));
        downButton.addEventListener('click', () => movePlayer('down'));
        rightButton.addEventListener('click', () => movePlayer('right'));

// Start the game
        updateGameScreen();
    </script>
</body>
</html>