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

No:36389

←

Prev Next

→

Everyone’s work
Developer User16794｜Date and time 24/1/17 16:24:41
Build time 18.937 sec｜Game capacity 3.98KB｜

Script

Sure! Here's a simple game implemented as a single HTML file, using JavaScript and enclosed in script tags. The game will be playable on a smartphone and will use pictograms for visuals.

Picture Guessing Game

Choose the correct option:

Please note that you would need to replace the placeholder image names ("emozi_bear.png", "emozi_chicken.png", etc.) with your own image files for the game to work properly. Also, make sure to place the image files in the same directory as the HTML file. I hope this helps! Let me know if you have any further questions.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's a simple game implemented as a single HTML file, using JavaScript and enclosed in script tags. The game will be playable on a smartphone and will use pictograms for visuals.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Picture Guessing Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    img {
      max-width: 80%;
      max-height: 200px;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <h1>Picture Guessing Game</h1>
  <div id="game">
    <h2>Choose the correct option:</h2>
    <img src="" alt="Question Image">
    <div id="options">
      <button onclick="checkAnswer(0)"><img src="option1.png" alt="Option 1"></button>
      <button onclick="checkAnswer(1)"><img src="option2.png" alt="Option 2"></button>
      <button onclick="checkAnswer(2)"><img src="option3.png" alt="Option 3"></button>
    </div>
    <p id="result"></p>
    <button onclick="nextQuestion()">Next Question</button>
  </div>

// Game State
    var currentQuestion = 0;
    var score = 0;

// Function to start/restart the game
    function startGame() {
      currentQuestion = 0;
      score = 0;
      displayQuestion();
    }

// Function to display current question
    function displayQuestion() {
      var question = questions[currentQuestion];
      document.querySelector("img").src = question.image;
      var options = document.querySelectorAll("#options button");
      options.forEach(function(option, index) {
        option.innerHTML = "<img src='" + question.options[index] + "' alt='Option " + (index + 1) + "'>";
      });
      document.getElementById("result").innerText = "";
    }

// Function to check the selected answer
    function checkAnswer(selectedOption) {
      var question = questions[currentQuestion];
      if (selectedOption === question.correctAnswer) {
        document.getElementById("result").innerText = "Correct!";
        score++;
      } else {
        document.getElementById("result").innerText = "Wrong!";
      }
      disableOptions();
    }

// Function to disable the answer options
    function disableOptions() {
      var options = document.querySelectorAll("#options button");
      options.forEach(function(option) {
        option.disabled = true;
      });
    }

// Function to move to the next question
    function nextQuestion() {
      currentQuestion++;
      if (currentQuestion >= questions.length) {
        endGame();
      } else {
        displayQuestion();
        enableOptions();
      }
    }

// Function to enable the answer options
    function enableOptions() {
      var options = document.querySelectorAll("#options button");
      options.forEach(function(option) {
        option.disabled = false;
      });
    }

// Function to end the game and display the final score
    function endGame() {
      document.querySelector("#game h2").innerText = "Game Over";
      document.getElementById("result").innerText = "Final Score: " + score + " / " + questions.length;
      document.getElementById("options").innerHTML = "";
    }

// Start the game when the page loads
    startGame();
  </script>
</body>
</html>
```

Please note that you would need to replace the placeholder image names ("question1.png", "option1.png", etc.) with your own image files for the game to work properly. Also, make sure to place the image files in the same directory as the HTML file.

I hope this helps! Let me know if you have any further questions.