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

No:43612

70

Microsoft Word where you can select font and type ..ALL
Developer User19162｜Date and time 24/2/16 5:29:18
Build time 12.657 sec｜Game capacity 3.263KB｜

Sure! Here's an example of a simple smartphone game implemented in a single HTML file using JavaScript. The game involves selecting the correct option based on pictograms displayed. To keep it simple, I've included only three rounds. You can continue adding more rounds and complexity to suit your needs. Please note that this is a basic implementation, and you can enhance it further based on your requirements.

Pictogram Game

Pictogram

To use this code: 1. Copy the entire code and save it in a file with a .html extension (e.g., `game.html`). 2. Save any pictograms you want to use in the same directory as the HTML file and update their filenames in the `rounds` array (`emozi_bear.png`, `emozi_chicken.png`, etc.). 3. Open the HTML file using any web browser on your smartphone. 4. The game will start automatically, and you can play by selecting the correct option for each pictogram. Remember to replace the `emozi_hamuster.png`, `emozi_dog.png`, etc., with your own pictogram files. You can add more rounds by extending the `rounds` array with additional objects and updating the answers accordingly. I hope this helps you in creating an enjoyable game!

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's an example of a simple smartphone game implemented in a single HTML file using JavaScript. The game involves selecting the correct option based on pictograms displayed. To keep it simple, I've included only three rounds. You can continue adding more rounds and complexity to suit your needs.

Please note that this is a basic implementation, and you can enhance it further based on your requirements.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    img {
      max-width: 200px;
    }
    h1 {
      margin-bottom: 20px;
    }
    button {
      padding: 10px 20px;
      font-size: 16px;
      margin: 10px;
      background-color: #4CAF50;
      color: white;
      border: none;
      cursor: pointer;
    }
    #result {
      font-size: 18px;
      margin-bottom: 20px;
    }
  </style>
</head>
<body>
  <h1>Pictogram Game</h1>
  <div id="game-container">
    <img id="pictogram" src="" alt="Pictogram">
    <div id="options">
      <button onclick="checkOption(0)">Option 1</button>
      <button onclick="checkOption(1)">Option 2</button>
      <button onclick="checkOption(2)">Option 3</button>
    </div>
  </div>
  
  <div id="result"></div>
  
  <script>
    var rounds = [
      { pictogram: "pictogram1.png", answer: 1 },
      { pictogram: "pictogram2.png", answer: 2 },
      { pictogram: "pictogram3.png", answer: 3 }
    ];
  
    var currentRound = 0;
    var score = 0;
  
    function startGame() {
      document.getElementById("game-container").style.display = "block";
      document.getElementById("result").innerHTML = "";
      showPictogram();
    }
  
    function showPictogram() {
      var pictogram = document.getElementById("pictogram");
      pictogram.src = rounds[currentRound].pictogram;
    }
  
    function checkOption(selectedOption) {
      if (selectedOption + 1 === rounds[currentRound].answer) {
        score += 10;
        document.getElementById("result").innerHTML = "Correct!";
      } else {
        document.getElementById("result").innerHTML = "Incorrect!";
      }
      
      currentRound++;
      if (currentRound === rounds.length) {
        endGame();
      } else {
        showPictogram();
      }
    }
  
    function endGame() {
      document.getElementById("game-container").style.display = "none";
      document.getElementById("result").innerHTML = "Game over! Final score: " + score;
    }
  
    startGame();
  </script>
</body>
</html>
```

To use this code:

1. Copy the entire code and save it in a file with a .html extension (e.g., `game.html`).
2. Save any pictograms you want to use in the same directory as the HTML file and update their filenames in the `rounds` array (`pictogram1.png`, `pictogram2.png`, etc.).
3. Open the HTML file using any web browser on your smartphone.
4. The game will start automatically, and you can play by selecting the correct option for each pictogram.

Remember to replace the `pictogram1.png`, `pictogram2.png`, etc., with your own pictogram files. You can add more rounds by extending the `rounds` array with additional objects and updating the answers accordingly.

I hope this helps you in creating an enjoyable game!