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

No:8892

←

Prev Next

→

Nothing
Developer User4263｜Date and time 23/7/19 9:47:27
Build time 21.856 sec｜Game capacity 2.478KB｜

Script

Here's a simple sample game implemented as a single HTML file using JavaScript. It utilizes pictograms as much as possible to create a fun smartphone game:

Pictogram Game

To use this game, save the code above into an HTML file (e.g., `pictogram_game.html`) and place the pictogram images (`emozi_all/game.png`, `emozi_hamuster.png`, etc.) in the same directory as the HTML file. Replace the image sources in the `pictograms` array with your own pictogram images and their corresponding answers. When you open the HTML file in a web browser, you will see a pictogram and two buttons (True and False). Click the corresponding button to answer whether the pictogram represents the given statement correctly. Once you've answered all pictograms, the game will display a Game Over message.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Here's a simple sample game implemented as a single HTML file using JavaScript. It utilizes pictograms as much as possible to create a fun smartphone game:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

.game-area {
      margin-top: 50px;
    }
  </style>
</head>
<body>
  <h1>Pictogram Game</h1>
  
  <div class="game-area">
    <img src="pictogram1.png" alt="Pictogram 1" id="pictogram">
    <p id="message"></p>
    <button onclick="checkAnswer(true)">True</button>
    <button onclick="checkAnswer(false)">False</button>
  </div>
  
  <script>
    const pictograms = [
      { image: "pictogram1.png", answer: true },
      { image: "pictogram2.png", answer: false },
      { image: "pictogram3.png", answer: true }
      // Add more pictograms with their corresponding answers here
    ];
  
    let currentIndex = 0;
  
    function checkAnswer(answer) {
      const messageElement = document.getElementById("message");
      if (answer === pictograms[currentIndex].answer) {
        messageElement.innerHTML = "Correct!";
      } else {
        messageElement.innerHTML = "Wrong!";
      }
      
      // Move to the next pictogram
      currentIndex++;
      if (currentIndex >= pictograms.length) {
        // Game over, all pictograms solved
        document.getElementById("pictogram").style.display = "none";
        document.getElementsByTagName("button")[0].disabled = true;
        document.getElementsByTagName("button")[1].disabled = true;
        messageElement.innerHTML += "<br>Game Over!";
      } else {
        // Show the next pictogram
        document.getElementById("pictogram").src = pictograms[currentIndex].image;
        messageElement.innerHTML += "<br>Next pictogram:";
      }
    }
  </script>
</body>
</html>
```

To use this game, save the code above into an HTML file (e.g., `pictogram_game.html`) and place the pictogram images (`pictogram1.png`, `pictogram2.png`, etc.) in the same directory as the HTML file. Replace the image sources in the `pictograms` array with your own pictogram images and their corresponding answers.

When you open the HTML file in a web browser, you will see a pictogram and two buttons (True and False). Click the corresponding button to answer whether the pictogram represents the given statement correctly. Once you've answered all pictograms, the game will display a Game Over message.