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

No:16202

126

←

Prev Next

→

料理ゲーム
Developer User7165｜Date and time 23/9/16 17:50:45
Build time 19.534 sec｜Game capacity 1.83KB｜

Script

了解しました。以下に、料理ゲームのサンプルプログラムを示します。

料理ゲーム

食材をタップして料理を作ろう！

🍅

🥕

🌽

🥦

🐟

🍗

料理の進捗状況

まだ何も作られていません。

以上のコードでは、食材をタップすることで料理を作るゲームを実装しています。食材をタップすると、料理の進捗状況が表示されます。全ての食材をタップして料理が完成すると、おめでとうメッセージが表示されます。このHTMLファイルを作成し、スマホなどで閲覧すると、料理ゲームが遊べるようになります。なお、絵文字は表示環境によっては正しく表示されないことがありますので、実際の動作確認時にはご注意ください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、料理ゲームのサンプルプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>料理ゲーム</title>
</head>
<body>
  <h1>料理ゲーム</h1>
  <p>食材をタップして料理を作ろう！</p>
  
  <div id="ingredients">
    <div class="ingredient" onclick="cook('🍅')">🍅</div>
    <div class="ingredient" onclick="cook('🥕')">🥕</div>
    <div class="ingredient" onclick="cook('🌽')">🌽</div>
    <div class="ingredient" onclick="cook('🥦')">🥦</div>
    <div class="ingredient" onclick="cook('🐟')">🐟</div>
    <div class="ingredient" onclick="cook('🍗')">🍗</div>
  </div>
  
  <h2>料理の進捗状況</h2>
  <p id="progress">まだ何も作られていません。</p>
  
  <script>
    let cooked = '';
    
    function cook(ingredient) {
      cooked += ingredient;
      document.getElementById("progress").innerText = cooked;
      
      if (cooked === "🍅🥕🌽🥦🐟🍗") {
        document.getElementById("progress").innerText += " おめでとう！料理が完成しました！";
        // ここに料理が完成した時の処理を追加する
      }
    }
  </script>
</body>
</html>
```

以上のコードでは、食材をタップすることで料理を作るゲームを実装しています。食材をタップすると、料理の進捗状況が表示されます。全ての食材をタップして料理が完成すると、おめでとうメッセージが表示されます。

このHTMLファイルを作成し、スマホなどで閲覧すると、料理ゲームが遊べるようになります。なお、絵文字は表示環境によっては正しく表示されないことがありますので、実際の動作確認時にはご注意ください。