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

No:29549

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

Script

Sure! Here's a simple game where you need to avoid the bar from reaching 100% by turning off the lights before the egg reaches the door. The game is designed for smartphone operation and uses pictograms.

Light Switch Game

In this game, you can tap the "Turn Off Lights" button to start the game. The egg will slowly move towards the door, and a bar starts filling up. Your goal is to turn off the lights by tapping the button before the bar reaches 100%. If you succeed, the door will open, and you win. If the bar reaches 100%, you lose the game. Please note that you need to replace the image file paths (`emozi_all/egg.png`, `emozi_all/door.png`, `emozi_all/door.png`, `emozi_all/game.png`) with your own image files. Also, feel free to modify the styles and animations to suit your needs.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Light Switch Game</title>
    <style>
        body { text-align: center; }
        img { height: 100px; }
    </style>
</head>
<body>
    <h1>Light Switch Game</h1>

<button onclick="startGame()">Turn Off Lights</button>
    <br>

function startGame() {
            document.getElementById("door").src = "closed-door.png";
            document.getElementById("bar").style.width = "0%";
            document.getElementById("egg").style.animation = "eggMove 3s linear infinite";
            barInterval = setInterval(fillBar, 100);
        }

function turnOffLights() {
            clearInterval(barInterval);
            document.getElementById("egg").style.animation = "none";
            document.getElementById("door").src = "open-door.png";
        }

function fillBar() {
            barWidth += 10;
            document.getElementById("bar").style.width = barWidth + "%";

if (barWidth >= 100) {
                clearInterval(barInterval);
                document.getElementById("door").src = "game-over.png";
            }
        }
    </script>
</body>
</html>
```

Please note that you need to replace the image file paths (`egg.png`, `closed-door.png`, `open-door.png`, `game-over.png`) with your own image files. Also, feel free to modify the styles and animations to suit your needs.