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

No:22422

187

←

Prev Next

→

Put stuff together to make stuff You can use The s..ALL
Developer User7456｜Date and time 23/10/22 15:00:47
Build time 54.73 sec｜Game capacity 4.058KB｜

Script

Sure! Here's a simple game where you can combine different items to create new things. It can be played on a smartphone and uses pictograms for visual representation. The game is written in HTML and JavaScript, enclosed in script tags, and starts processing automatically when the page is loaded.

Combine Stuff Game

To make the game functional, you would need to replace the image sources (`emozi_all/game.png`, `emozi_rabbit.png`, etc.) with actual image files representing different items. Additionally, you can modify the `combinations` object to include more items and their combinations. The game works by allowing the player to select two items and check if their combination exists. If a valid combination is selected, it displays the resulting item and a success message. If an invalid combination is selected, it shows an error message. The player can reset the game using the "Reset" button.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Combine Stuff Game</title>
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
      }
      .item {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin: 10px;
        cursor: pointer;
      }
      .combine-button {
        font-size: 20px;
        padding: 10px 20px;
        margin-top: 20px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>Combine Stuff Game</h1>

<div id="result" style="display: none;">
        <h2>Result:</h2>
        <img id="resultImg" alt="Result item" />
      </div>
    </div>

<button class="combine-button" onclick="reset()">Reset</button>

let selectedItem = null;

// Function to combine two items
      function combine(item) {
        if (selectedItem === null) {
          // Select the first item
          selectedItem = item;
          document.getElementById(selectedItem).style.border = "2px solid blue";
          document.getElementById("message").textContent =
            "Select another item to combine.";
        } else {
          // Check if combination exists
          if (
            combinations[selectedItem] &&
            combinations[selectedItem].ingredient1 === item
          ) {
            // Combine items and display result
            const resultItem = combinations[selectedItem].result;
            document.getElementById("resultImg").src = resultItem;
            document.getElementById("result").style.display = "block";
            document.getElementById("message").textContent = "Congratulations! You created a new item.";
          } else {
            // Invalid combination
            document.getElementById("message").textContent =
              "Oops! That combination doesn't work.";
          }
          selectedItem = null;
          document.getElementById("items").querySelectorAll(".item").forEach((item) => {
            item.style.border = "none";
          });
        }
      }

// Function to reset the game
      function reset() {
        selectedItem = null;
        document.getElementById("result").style.display = "none";
        document.getElementById("message").textContent = "";
        document.getElementById("items").querySelectorAll(".item").forEach((item) => {
          item.style.border = "none";
        });
      }
    </script>
  </body>
</html>
```

To make the game functional, you would need to replace the image sources (`itemA.png`, `itemB.png`, etc.) with actual image files representing different items. Additionally, you can modify the `combinations` object to include more items and their combinations.

The game works by allowing the player to select two items and check if their combination exists. If a valid combination is selected, it displays the resulting item and a success message. If an invalid combination is selected, it shows an error message. The player can reset the game using the "Reset" button.