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

No:25681

67

Please create a game where the player has to use d..ALL
Developer User12613｜Date and time 23/11/23 21:08:42
Build time 155.845 sec｜Game capacity 4.449KB｜

Certainly! Here's a simple game where the player can use deduction skills to guess and create a fictional narrative about a boy and his cat. The game will provide pictograms as clues, and the player needs to make choices based on these clues. To play the game, copy the code below and save it as a single HTML file on your device. Open the file in a web browser, and the game will start automatically.

Guess the Story Game

In this game, the player will be presented with a series of questions based on the clues provided. They need to choose either "Yes" or "No" depending on whether they believe the answer is true or false based on the given information. Each question corresponds to a clue, which is displayed as a pictogram. The player needs to use their deduction skills to guess whether the cat was involved in the mentioned activity. Once all the questions have been answered, the game will display the final score. Remember, this is just a basic example, and you can expand or modify it according to your preferences. Have fun playing and creating your fictional narrative about the boy and his cat!

→ 　

0　

0　

[PR]現在のプレゼントランキング

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

(C)2023 HisashiApp

Certainly! Here's a simple game where the player can use deduction skills to guess and create a fictional narrative about a boy and his cat. The game will provide pictograms as clues, and the player needs to make choices based on these clues.

To play the game, copy the code below and save it as a single HTML file on your device. Open the file in a web browser, and the game will start automatically.

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Guess the Story Game</title>
    <script>
      // Game logic
      var story = {
        clues: [
          {
            pictogram: "🐾",
            description: "Footprints"
          },
          {
            pictogram: "🌳",
            description: "Tree"
          },
          {
            pictogram: "🥛",
            description: "Milk"
          },
          {
            pictogram: "🐟",
            description: "Fish"
          }
        ],
        storyParts: [
          {
            question: "The story begins with footprints near the house. Did the cat leave these footprints?",
            answer: false
          },
          {
            question: "Next, the boy notices a tree with scratch marks. Did the cat scratch this tree?",
            answer: true
          },
          {
            question: "The boy finds an empty milk bowl near the tree. Did the cat drink all the milk?",
            answer: true
          },
          {
            question: "Finally, the boy discovers a fish tail near the tree. Did the cat catch a fish?",
            answer: true
          }
        ],
        index: 0,
        score: 0,
        getClue: function() {
          return this.clues[this.index];
        },
        checkAnswer: function(userAnswer) {
          if (userAnswer === this.storyParts[this.index].answer) {
            this.score++;
          }
          this.index++;
          this.displayNextQuestion();
        },
        displayNextQuestion: function() {
          if (this.index < this.storyParts.length) {
            var question = this.storyParts[this.index].question;
            document.getElementById("question").textContent = question;
            document.getElementById("score").textContent = "Score: " + this.score;
            
            var pictogram = this.getClue().pictogram;
            document.getElementById("clue").textContent = pictogram;
          } else {
            document.getElementById("game").innerHTML = "<h2>Game Over!</h2><p>Your final score is " + this.score + " out of " + this.storyParts.length + "</p>";
          }
        }
      };
      
      // Event listeners
      document.getElementById("yesBtn").addEventListener("click", function() {
        story.checkAnswer(true);
      });

document.getElementById("noBtn").addEventListener("click", function() {
        story.checkAnswer(false);
      });

// Start the game
      story.displayNextQuestion();
    </script>
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
      }
      h1 {
        margin: 30px 0;
      }
      p {
        margin: 20px 0;
        font-size: 18px;
      }
      #game {
        margin: 40px;
      }
      #clue {
        font-size: 48px;
      }
      #score {
        font-size: 24px;
        margin-top: 10px;
      }
      button {
        padding: 10px 20px;
        font-size: 20px;
        margin: 10px;
        border-radius: 5px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>Guess the Story Game</h1>
    <div id="game">
      <p id="question"></p>
      <p id="clue"></p>
      <p id="score"></p>
      <button id="yesBtn">Yes</button>
      <button id="noBtn">No</button>
    </div>
  </body>
</html>
```

In this game, the player will be presented with a series of questions based on the clues provided. They need to choose either "Yes" or "No" depending on whether they believe the answer is true or false based on the given information.

Each question corresponds to a clue, which is displayed as a pictogram. The player needs to use their deduction skills to guess whether the cat was involved in the mentioned activity.

Once all the questions have been answered, the game will display the final score.

Remember, this is just a basic example, and you can expand or modify it according to your preferences. Have fun playing and creating your fictional narrative about the boy and his cat!