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

No:30864

115

A game that you type on five blanks representing e..ALL
Developer User14951｜Date and time 23/12/24 9:37:32
Build time 15.108 sec｜Game capacity 3.656KB｜

Sure! Here's an example of a game where you can type on five blanks representing elements and generate a creature with audio and an image. In this game, you will be able to enter the names of five elements and a creature will be generated based on those inputs.

Element Creature Game

Element 1:
Element 2:
Element 3:
Element 4:
Element 5:

To use this game, copy the entire code and save it as a single HTML file (e.g., `element_creature_game.html`). Open the file in a web browser (preferably on a smartphone) and you'll see the game interface. Fill in the five blank fields with the names of elements and click on the "Generate Creature" button. If the combination of elements matches a creature in the `creatures` object, an image of the creature along with its name will be displayed, and you can play the audio associated with it. If the combination is invalid, an alert message will be shown. Note: This is just a basic example of the game. You can modify and enhance it further according to your requirements, including adding more creatures and expanding the functionality.

→ 　

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 game where you can type on five blanks representing elements and generate a creature with audio and an image. In this game, you will be able to enter the names of five elements and a creature will be generated based on those inputs.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Element Creature Game</title>
</head>
<body>
  <h1>Element Creature Game</h1>

<form name="creatureForm">
    <label for="element1">Element 1:</label>
    <input type="text" id="element1" name="element1"><br>

<label for="element2">Element 2:</label>
    <input type="text" id="element2" name="element2"><br>

<label for="element3">Element 3:</label>
    <input type="text" id="element3" name="element3"><br>

<label for="element4">Element 4:</label>
    <input type="text" id="element4" name="element4"><br>

<label for="element5">Element 5:</label>
    <input type="text" id="element5" name="element5"><br><br>

<button type="button" onclick="generateCreature()">Generate Creature</button>
  </form>

<div id="creatureResult" style="display: none;">
    <h2>Your Element Creature:</h2>
    <img id="creatureImage" src="" alt="Creature Image">
    <audio id="creatureAudio" controls></audio>
  </div>

<script>
    // Define an object to store creatures data
    var creatures = {
      "fire-water-air-earth-metal": {
        name: "Steam Beast",
        image: "steam_beast.png",
        audio: "steam_beast.mp3"
      },
      "water-earth-air-metal-fire": {
        name: "Ocean Golem",
        image: "ocean_golem.png",
        audio: "ocean_golem.mp3"
      },
      // Add more creatures based on different combinations of elements
    };

function generateCreature() {
      var element1 = document.getElementById("element1").value.toLowerCase();
      var element2 = document.getElementById("element2").value.toLowerCase();
      var element3 = document.getElementById("element3").value.toLowerCase();
      var element4 = document.getElementById("element4").value.toLowerCase();
      var element5 = document.getElementById("element5").value.toLowerCase();

var creatureKey = element1 + "-" + element2 + "-" + element3 + "-" + element4 + "-" + element5;

var creatureResult = document.getElementById("creatureResult");
      var creatureName = document.getElementById("creatureName");
      var creatureImage = document.getElementById("creatureImage");
      var creatureAudio = document.getElementById("creatureAudio");

if (creatures.hasOwnProperty(creatureKey)) {
        var selectedCreature = creatures[creatureKey];
        creatureResult.style.display = "block";
        creatureName.textContent = selectedCreature.name;
        creatureImage.src = selectedCreature.image;
        creatureAudio.src = selectedCreature.audio;
      } else {
        alert("Invalid combination of elements!");
      }
    }
  </script>
</body>
</html>
```

To use this game, copy the entire code and save it as a single HTML file (e.g., `element_creature_game.html`). Open the file in a web browser (preferably on a smartphone) and you'll see the game interface. Fill in the five blank fields with the names of elements and click on the "Generate Creature" button. If the combination of elements matches a creature in the `creatures` object, an image of the creature along with its name will be displayed, and you can play the audio associated with it. If the combination is invalid, an alert message will be shown.

Note: This is just a basic example of the game. You can modify and enhance it further according to your requirements, including adding more creatures and expanding the functionality.