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

No:29550

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

Script

Sure! Here's a simple game where the objective is to prevent the bar from reaching 100% by turning off the lights before the egg reaches the door using pictograms:

Lights Out!

Game Over!

Please note that you need to replace the image URLs (`emozi_all/egg.png` and `emozi_chicken.png`) with the actual URLs of the egg pictograms you want to use. When you open the HTML file in a web browser, you will see a game screen with an egg image, a button to turn the lights on/off, and a progress bar. Clicking the button will toggle the lights on/off, and the progress bar will start filling up if the lights are turned off. If the progress bar reaches 100%, the game will end and display a "Game Over" message.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game where the objective is to prevent the bar from reaching 100% by turning off the lights before the egg reaches the door using pictograms:

```html
<!DOCTYPE html>
<html>
<head>
   <style>
      body {
         text-align: center;
         font-family: Arial, sans-serif;
      }
      
      .container {
         padding: 50px;
      }
      
      #progressBar {
         width: 200px;
         height: 20px;
         border: 1px solid #ccc;
         position: relative;
         margin: 20px auto;
      }
      
      #progressBar span {
         display: block;
         height: 100%;
         background-color: #00bcd4;
      }
      
      #gameOver {
         font-size: 20px;
         color: red;
         display: none;
      }
   </style>
</head>
<body>
   <div class="container">
      <h1>Lights Out!</h1>
      <img id="egg" src="https://example.com/egg.png" alt="Egg">
      <br>
      <button id="lightSwitch" onclick="toggleLights()">Lights On/Off</button>
      <div id="progressBar">
         <span id="bar"></span>
      </div>
      <p id="gameOver">Game Over!</p>
   </div>

// Function to toggle lights on/off
      function toggleLights() {
         if (lightsOn) {
            document.body.style.background = "#000";
            document.getElementById("egg").src = "https://example.com/egg_dark.png";
            lightsOn = false;
            startProgressBar();
         } else {
            document.body.style.background = "#fff";
            document.getElementById("egg").src = "https://example.com/egg.png";
            lightsOn = true;
            stopProgressBar();
         }
      }

// Function to start progress bar increment 
      function startProgressBar() {
         intervalId = setInterval(incrementProgress, 50);
      }

// Function to stop progress bar increment 
      function stopProgressBar() {
         clearInterval(intervalId);
      }

// Function to increment progress bar
      function incrementProgress() {
         progress++;
         document.getElementById("bar").style.width = progress + "%";

if (progress >= 100) {
            endGame();
         }
      }

// Function to end the game
      function endGame() {
         clearInterval(intervalId);
         document.getElementById("gameOver").style.display = "block";
      }
   </script>
</body>
</html>
```

Please note that you need to replace the image URLs (`https://example.com/egg.png` and `https://example.com/egg_dark.png`) with the actual URLs of the egg pictograms you want to use.

When you open the HTML file in a web browser, you will see a game screen with an egg image, a button to turn the lights on/off, and a progress bar. Clicking the button will toggle the lights on/off, and the progress bar will start filling up if the lights are turned off. If the progress bar reaches 100%, the game will end and display a "Game Over" message.