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

No:38777

Criter creator it will show you 10 Questions about..ALL
Developer User17401｜Date and time 24/1/25 10:07:33
Build time 13.092 sec｜Game capacity 3.434KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript. It's a game called "Creature Creator" where players can answer 10 questions to design their own creature. The game will then show an art representation of the created creature at the end:

Creature Creator

Question 1: Choose the body shape for your creature

In this example, you can see a basic structure for the game. After answering the questions, the chosen attributes are stored in the `creature` object. Then, the `generateCreatureArt()` function is called to display the corresponding creature art based on the selected attributes. Please note that you need to replace the image URLs (`emozi_dog.png`, `emozi_himawari.png`, etc.) with the actual image files you want to use in the game. Also, feel free to extend this game by adding more questions, including different attributes, and enhancing the creature generation logic.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Creature Creator</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>Creature Creator</h1>
  <div id="gameContainer">
    <h2>Question 1: Choose the body shape for your creature</h2>
    <img src="body-shapes.png" alt="Body Shapes">
    <select id="selectBodyShape">
      <option value="1">Shape 1</option>
      <option value="2">Shape 2</option>
      <option value="3">Shape 3</option>
    </select>
    <button onclick="nextQuestion()">Next Question</button>
  </div>
  <div id="resultContainer" style="display: none;">
    <h2>Your Creature</h2>
    <img id="creatureArt" src="" alt="Creature Art">
  </div>

function nextQuestion() {
      if (currentQuestion === 1) {
        creature.bodyShape = document.getElementById('selectBodyShape').value;
        // Retrieve other attribute values from user inputs (similar to body shape)
        // Optionally, you can store all the values in the creature object

// Show next question and update currentQuestion variable
        document.getElementById('gameContainer').style.display = 'none';
        currentQuestion++;
        document.getElementById('resultContainer').style.display = 'block';

// Generate creature art based on attribute values
        generateCreatureArt();
      }
      // Proceed to the next questions and store answers in the creature object

// You can repeat the above pattern for each question, updating the currentQuestion variable accordingly

}

function generateCreatureArt() {
      // Implement the logic to generate creature art based on attribute values
      // This can include using pictograms/icons and combining them to form the creature

// Example code to set a static creature art based on body shape value
      var creatureImage = document.getElementById('creatureArt');
      switch (creature.bodyShape) {
        case "1":
          creatureImage.src = 'creature-shape1.png';
          break;
        case "2":
          creatureImage.src = 'creature-shape2.png';
          break;
        case "3":
          creatureImage.src = 'creature-shape3.png';
          break;
        // Add more cases for other body shape options
        default:
          creatureImage.src = 'default-creature.png';
          break;
      }
    }
  </script>
</body>
</html>
```

Please note that you need to replace the image URLs (`body-shapes.png`, `creature-shape1.png`, etc.) with the actual image files you want to use in the game. Also, feel free to extend this game by adding more questions, including different attributes, and enhancing the creature generation logic.