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

No:12146

62

Dus You You You You You
Developer User4991｜Date and time 23/8/14 4:40:50
Build time 25.24 sec｜Game capacity 3.103KB｜

Sure! Here's a simple game implemented as a single HTML file using JavaScript. It is a guessing game where the player needs to guess the name of an object represented by a pictogram. This game is designed for smartphone operation.

Pictogram Guessing Game

Guess the name of the object represented by the pictogram!

Pictogram

To use this game, you would need to create pictogram images for each object and place them in a folder named "pictograms" within the same directory as the HTML file. The pictogram images should be named using lowercase versions of the object names with the PNG extension (e.g., `emozi_all/game.png`, `emozi_all/banana.png`, etc.). When the game is loaded, it will display a random pictogram, and the player needs to enter their guess in the input field. When the "Check" button is clicked, the game will compare the guess with the correct answer and display the result message. The game will then update the pictogram with a new random one and reset the input field for the next guess. Feel free to modify and enhance the game as per your requirements.

→ 　

0　

0　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

Sure! Here's a simple game implemented as a single HTML file using JavaScript. It is a guessing game where the player needs to guess the name of an object represented by a pictogram. This game is designed for smartphone operation.

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Pictogram Guessing Game</title>
</head>
<body style="text-align: center;">
  <h1>Pictogram Guessing Game</h1>
  <h3>Guess the name of the object represented by the pictogram!</h3>
  
  <div id="pictogramContainer">
    <img id="pictogram" src="pictograms/pictogram1.png" alt="Pictogram">
  </div>
  
  <br>
  
  <input type="text" id="guessInput" placeholder="Your guess" style="width: 200px;">
  <button onclick="checkGuess()">Check</button>
  
  <p id="resultMessage"></p>
  
  <script>
    const pictograms = [
      "Apple",
      "Banana",
      "Car",
      "Dog",
      "Elephant",
      // Add more objects here
    ];
    
    let currentPictogramIndex = 0;
    
    function getRandomPictogram() {
      // Get a random index
      const randomIndex = Math.floor(Math.random() * pictograms.length);
      // Update the current pictogram index
      currentPictogramIndex = randomIndex;
      // Get the pictogram name at the random index
      const pictogramName = pictograms[randomIndex];
      // Return the pictogram name
      return pictogramName;
    }
    
    function updatePictogram() {
      const pictogramElem = document.getElementById("pictogram");
      const pictogramName = getRandomPictogram();
      const pictogramURL = `pictograms/${pictogramName.toLowerCase()}.png`;
      pictogramElem.src = pictogramURL;
    }
    
    function checkGuess() {
      const guessInput = document.getElementById("guessInput");
      const guess = guessInput.value.toLowerCase();
      const correctAnswer = pictograms[currentPictogramIndex].toLowerCase();
      
      if (guess === correctAnswer) {
        document.getElementById("resultMessage").innerHTML = "Correct! You guessed it!";
      } else {
        document.getElementById("resultMessage").innerHTML = "Incorrect! Try again.";
      }
      
      // Clear the guess input
      guessInput.value = "";
      
      // Update the pictogram
      updatePictogram();
    }
    
    // Start the game by updating the first pictogram
    updatePictogram();
  </script>
</body>
</html>
```

To use this game, you would need to create pictogram images for each object and place them in a folder named "pictograms" within the same directory as the HTML file. The pictogram images should be named using lowercase versions of the object names with the PNG extension (e.g., `apple.png`, `banana.png`, etc.).

When the game is loaded, it will display a random pictogram, and the player needs to enter their guess in the input field. When the "Check" button is clicked, the game will compare the guess with the correct answer and display the result message. The game will then update the pictogram with a new random one and reset the input field for the next guess.

Feel free to modify and enhance the game as per your requirements.