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

No:29555

The egg will slowly come to the door 🚪 when it get..ALL
Developer User12051｜Date and time 23/12/17 13:17:10
Build time 21.833 sec｜Game capacity 2.934KB｜

Script

Sure! Here's a simple game called "Escape the Room" that meets your requirements:

Escape the Room

🥚

🚪

To play the game, open the HTML file on a smartphone or any web browser. You will see an egg (`🥚`) slowly moving towards a door (`🚪`). Your goal is to click on the "Turn Off Lights" button at the right moment to prevent the progress bar from reaching 100%. If you succeed, the egg will escape the room, and you win. If the progress bar reaches 100%, it's game over. Note: You can copy the above code and save it as a `.html` file on your local machine, then open it with a web browser to play the game.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simple game called "Escape the Room" that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Escape the Room</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 100px;
        }
        #egg {
            font-size: 100px;
            animation: eggsMove 4s linear infinite;
        }
        #door {
            font-size: 100px;
            margin-top: 50px;
        }
        #progressBar {
            width: 200px;
            height: 20px;
            border: 1px solid #000;
            margin: 50px auto;
        }
        #progressFiller {
            width: 0%;
            height: 100%;
            background-color: #ff0000;
        }
        #button {
            font-size: 20px;
            padding: 10px 20px;
            margin-top: 20px;
        }
        @keyframes eggsMove {
            0% { transform: translateX(0); }
            100% { transform: translateX(80%); }
        }
    </style>
</head>
<body>
    <h1>Escape the Room</h1>
    <div id="egg">🥚</div>
    <div id="door">🚪</div>
    <div id="progressBar">
        <div id="progressFiller"></div>
    </div>
    <button id="button" onclick="toggleLights()">Turn Off Lights</button>

function toggleLights() {
            if (isGameFinished) {
                alert("Game Over! Refresh to play again.");
                return;
            }

isLightsOn = !isLightsOn;
            
            if (!isLightsOn) {
                document.getElementById("egg").style.animationPlayState = "paused";
                var progressBar = document.getElementById("progressFiller");
                var width = 0;
                var progressBarAnimation = setInterval(frame, 50);

function gameOver() {
            isGameFinished = true;
            document.getElementById("button").innerHTML = "Game Over!";
        }
    </script>
</body>
</html>
```

Note: You can copy the above code and save it as a `.html` file on your local machine, then open it with a web browser to play the game.