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

No:29552

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

Script

Sure! Here's an example implementation of the game using JavaScript and pictograms. You can copy the code below and save it as a .html file to play the game.

Turn Off the Lights!

In this game, there is an egg pictogram displayed on the screen. When the player clicks the "Turn off the lights" button, the egg will move towards the door and a bar will start filling up. If the bar reaches 100% before the player turns off the lights completely, they lose the game. Please note that you need to replace the background-image URL in the CSS code (`background-image: url(emozi_all/background.png);`) with your own image URL or use an appropriate pictogram of an egg. Remember to open the saved .html file on a smartphone or in 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 an example implementation of the game using JavaScript and pictograms. You can copy the code below and save it as a .html file to play the game.

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Turn Off the Lights!</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
      }
      #egg {
        width: 100px;
        height: 100px;
        background-image: url('https://i.imgur.com/XQUGFSr.png'); /* Replace with your egg pictogram */
        background-size: contain;
        background-repeat: no-repeat;
        margin: 20px auto;
        transition: all 1s ease-in-out;
      }
      #bar {
        width: 0%;
        height: 20px;
        background-color: red;
        margin: 20px auto;
        transition: all 1s ease-in-out;
      }
      button {
        padding: 10px 20px;
        background-color: blue;
        color: white;
        border: none;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>Turn Off the Lights!</h1>
    <div id="egg"></div>
    <div id="bar"></div>
    <button id="lightButton" onclick="turnOffLights()">Turn off the lights</button>

function turnOffLights() {
        if (lightsOn) {
          lightsOn = false;
          egg.style.marginTop = "200px";
          fillBar();
        }
      }

function fillBar() {
        var width = 0;
        var interval = setInterval(frame, 10);

function gameOver() {
        alert("Game over! The bar reached 100%");
        // You can add more logic here if needed
      }
    </script>
  </body>
</html>
```

Please note that you need to replace the background-image URL in the CSS code (`background-image: url('https://i.imgur.com/XQUGFSr.png');`) with your own image URL or use an appropriate pictogram of an egg.

Remember to open the saved .html file on a smartphone or in a web browser to play the game.