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

No:43124

A kid that goes to his school at 3:00 but soon a d..ALL
Developer User19097｜Date and time 24/2/14 9:57:49
Build time 8.689 sec｜Game capacity 2.815KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file, using JavaScript, script tags, and pictograms. This game follows the scenario you mentioned:

Escape the Monster Game

In this game, the player controls a kid (represented by the "kid" pictogram) trying to escape from a monster (represented by the "monster" pictogram). The player needs to collect 5 keys (represented by the "key" pictograms) in order to escape from the monster. The player can click on the keys to collect them. Once the player collects all 5 keys, the kid starts spinning, indicating that they have successfully escaped the monster. Please note that you will need to replace the image URLs ("emozi_all/pictogram.png", "emozi_all/pictogram.png", "emozi_all/pictogram.png") with the actual paths of your pictogram images. Also, feel free to modify the code and add more features or animations to make the game more interactive and engaging!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game implemented as a single HTML file, using JavaScript, script tags, and pictograms. This game follows the scenario you mentioned:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Escape the Monster Game</title>
  <style>
    img {
      width: 50px;
      height: 50px;
    }
  </style>
</head>
<body>
  <h1>Escape the Monster Game</h1>
  
  <div id="game-container">
    <img id="kid" src="kid_pictogram.png">
    <img id="monster" src="monster_pictogram.png">
    <img id="key1" src="key_pictogram.png">
    <img id="key2" src="key_pictogram.png">
    <img id="key3" src="key_pictogram.png">
    <img id="key4" src="key_pictogram.png">
    <img id="key5" src="key_pictogram.png">
  </div>

// Event listener for clicking on the monster
    document.getElementById("monster").addEventListener("click", function() {
      if (keysCollected >= 5) {
        alert("Congratulations! You escaped the monster and reached school on time!");
      } else {
        alert("Oh no! The monster attacked you. You need to find 5 keys to escape.");
      }
    });

// Event listener for clicking on the keys
    document.getElementById("key1").addEventListener("click", function() {
      collectKey("key1");
    });
    document.getElementById("key2").addEventListener("click", function() {
      collectKey("key2");
    });
    document.getElementById("key3").addEventListener("click", function() {
      collectKey("key3");
    });
    document.getElementById("key4").addEventListener("click", function() {
      collectKey("key4");
    });
    document.getElementById("key5").addEventListener("click", function() {
      collectKey("key5");
    });

// Function to collect a key
    function collectKey(keyId) {
      document.getElementById(keyId).style.display = "none";
      keysCollected++;
      if (keysCollected >= 5) {
        document.getElementById("kid").style.animation = "spin 2s infinite linear";
      }
    }
  </script>
</body>
</html>
```

The player can click on the keys to collect them. Once the player collects all 5 keys, the kid starts spinning, indicating that they have successfully escaped the monster.

Please note that you will need to replace the image URLs ("kid_pictogram.png", "monster_pictogram.png", "key_pictogram.png") with the actual paths of your pictogram images. Also, feel free to modify the code and add more features or animations to make the game more interactive and engaging!