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

No:3832

6007

hot and spicy curry
Developer anonymous｜Date and time 70/1/1 9:45:40
Build time unknown sec｜Game capacity 2.74KB｜

のレシピを作成するゲームを作ります。ゲームのルールは以下の通りです。 1. 画面上に様々な食材が表示されます。 2. プレイヤーは、ボタンを押して激辛カレーのレシピを完成させます。 3. レシピの材料は正しい順序で追加される必要があります。 4. 間違った順序で材料を追加すると、ゲームオーバーになります。 5. レシピを完成させると、クリアとなります。 JavaScriptは以下のように実装します。

激辛カレーのレシピを完成させよう！

肉

にんじん

玉ねぎ

カレールー

唐辛子

ご飯

このゲームでは、画面上に材料が表示され、ボタンを押して順番に追加するルールになっています。間違った順序で追加すると、ゲームオーバーになります。正しい順序でレシピを完成させれば、クリアとなります。なお、スマホでの操作も考慮し、ボタンの配置とサイズを調整し、絵文字を使用して分かりやすくしています。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

のレシピを作成するゲームを作ります。

ゲームのルールは以下の通りです。

1. 画面上に様々な食材が表示されます。
2. プレイヤーは、ボタンを押して激辛カレーのレシピを完成させます。
3. レシピの材料は正しい順序で追加される必要があります。
4. 間違った順序で材料を追加すると、ゲームオーバーになります。
5. レシピを完成させると、クリアとなります。

JavaScriptは以下のように実装します。

```
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>激辛カレーのレシピ</title>
  </head>
  <body>
    <h1>激辛カレーのレシピを完成させよう！</h1>
    <div id="ingredients">
      <p>肉</p>
      <p>にんじん</p>
      <p>玉ねぎ</p>
      <p>カレールー</p>
      <p>唐辛子</p>
      <p>ご飯</p>
    </div>
    <div id="recipe"></div>
    <button onclick="addIngredient('肉')">肉</button>
    <button onclick="addIngredient('にんじん')">にんじん</button>
    <button onclick="addIngredient('玉ねぎ')">玉ねぎ</button>
    <button onclick="addIngredient('カレールー')">カレールー</button>
    <button onclick="addIngredient('唐辛子')">唐辛子</button>
    <button onclick="addIngredient('ご飯')">ご飯</button>
    <script>
      var recipe = [];

function addIngredient(ingredient) {
        if (recipe.length == 0 && ingredient != "肉") {
          alert("最初は肉から追加してください！");
          return;
        }
        if (recipe.includes(ingredient)) {
          alert("既に追加されています！");
          return;
        }
        recipe.push(ingredient);
        document.getElementById("recipe").innerHTML = recipe.join(" > ");
        if (recipe.length == 6) {
          if (recipe.join(" > ") == "肉 > にんじん > 玉ねぎ > 唐辛子 > カレールー > ご飯") {
            alert("おめでとうございます！クリアです！");
          } else {
            alert("レシピが間違っています。ゲームオーバーです。");
            recipe = [];
            document.getElementById("recipe").innerHTML = "";
          }
        }
      }
    </script>
  </body>
</html>
```

このゲームでは、画面上に材料が表示され、ボタンを押して順番に追加するルールになっています。間違った順序で追加すると、ゲームオーバーになります。正しい順序でレシピを完成させれば、クリアとなります。

なお、スマホでの操作も考慮し、ボタンの配置とサイズを調整し、絵文字を使用して分かりやすくしています。