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

No:38455

Potion maker there are emoji ingredients and you c..ALL
Developer User17401｜Date and time 24/1/24 22:27:19
Build time 10.195 sec｜Game capacity 2.294KB｜

Script

Sure, below is an example of a simple potion maker game implemented as a single HTML file using JavaScript:

Potion Maker

🧪

🍎 🍌 🍇 🍉 🌰

In this game, there is a cauldron represented by a black square with the initial potion emoji "🧪" inside it. Below the cauldron, there are emoji ingredients represented by various fruits and nuts. By clicking on an ingredient, its emoji will be added to the cauldron, allowing the player to create new potion combinations. There is also a red "Refresh" button which, when clicked, resets the cauldron to its initial state with just the potion emoji. Please note that this is a simple example and can be further enhanced with additional features and gameplay mechanics based on your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure, below is an example of a simple potion maker game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Potion Maker Game</title>
  <style>
    .ingredient {
      font-size: 48px;
      cursor: pointer;
    }
    #cauldron {
      width: 200px;
      height: 200px;
      background-color: #000;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 48px;
      margin-bottom: 20px;
    }
    #refresh {
      font-size: 24px;
      cursor: pointer;
      padding: 10px;
      background-color: red;
      color: #fff;
    }
  </style>
</head>
<body>
  <h1>Potion Maker</h1>
  <div id="cauldron">🧪</div>
  <div id="ingredients">
    <span class="ingredient">🍎</span>
    <span class="ingredient">🍌</span>
    <span class="ingredient">🍇</span>
    <span class="ingredient">🍉</span>
    <span class="ingredient">🌰</span>
  </div>
  <button id="refresh">Refresh</button>

let potion = '🧪';

Array.from(ingredients).forEach(function(ingredient) {
        ingredient.addEventListener('click', function() {
          potion += ingredient.innerHTML;
          cauldron.innerHTML = potion;
        });
      });

refreshButton.addEventListener('click', function() {
        potion = '🧪';
        cauldron.innerHTML = potion;
      });
    });
  </script>
</body>
</html>
```

There is also a red "Refresh" button which, when clicked, resets the cauldron to its initial state with just the potion emoji.

Please note that this is a simple example and can be further enhanced with additional features and gameplay mechanics based on your requirements.