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

No:5351

4267

←

Prev Next

→

Hungry Caterpillar🐛
Developer User3812｜Date and time 23/6/30 0:08:58
Build time 30.343 sec｜Game capacity 2.395KB｜

Script

腹ペコあおむし🐛ゲームの実装例を以下に示します。

腹ペコあおむし🐛ゲーム

満腹度: 」( >_< )「

このゲームでは、「エサをあげる」ボタンと「運動させる」ボタンを使って腹ペコあおむしの満腹度を変化させます。満腹度が0以下になったり、10以上になったりするとゲームが終了します。満腹度に応じて絵文字が表示され、ゲームクリアやゲームオーバーのアラートが表示されます。このようにして、スマホで遊べるシンプルな腹ペコあおむしゲームを実装することができます。お楽しみください！

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

腹ペコあおむし🐛ゲームの実装例を以下に示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>腹ペコあおむしゲーム</title>
</head>
<body>
  <h1>腹ペコあおむし🐛ゲーム</h1>
  
  <button onclick="feed()">エサをあげる</button>
  <button onclick="exercise()">運動させる</button>
  
  <p>満腹度: <span id="hunger">」( >_< )「</span></p>
  
  <script>
    // 腹ペコあおむしの満腹度を表す変数
    let hungerLevel = 0;
    
    // エサをあげる関数
    function feed() {
      hungerLevel += 1;
      updateHungerDisplay();
      checkHungerLevel();
    }
    
    // 運動させる関数
    function exercise() {
      hungerLevel -= 1;
      updateHungerDisplay();
      checkHungerLevel();
    }
    
    // 満腹度を画面に表示する関数
    function updateHungerDisplay() {
      const hungerText = getHungerText(hungerLevel);
      document.getElementById("hunger").textContent = hungerText;
    }
    
    // 満腹度に応じた絵文字を返す関数
    function getHungerText(level) {
      if (level <= 0) {
        return "「(>_<)「";
      }
      else if (level < 3) {
        return "（＞＿＜）";
      }
      else if (level < 5) {
        return "（＞ｘ＜）";
      }
      else {
        return "（＊ｘ＊）";
      }
    }
    
    // 満腹度のレベルに応じたメッセージを表示する関数
    function checkHungerLevel() {
      if (hungerLevel <= 0) {
        alert("あおむしはお腹がすいちゃった！ゲームオーバー！");
        // ゲームオーバー時の処理を実行
      }
      else if (hungerLevel >= 10) {
        alert("あおむしは満腹です！おめでとう！");
        // ゲームクリア時の処理を実行
      }
    }
  </script>
</body>
</html>
```

このゲームでは、「エサをあげる」ボタンと「運動させる」ボタンを使って腹ペコあおむしの満腹度を変化させます。満腹度が0以下になったり、10以上になったりするとゲームが終了します。満腹度に応じて絵文字が表示され、ゲームクリアやゲームオーバーのアラートが表示されます。

このようにして、スマホで遊べるシンプルな腹ペコあおむしゲームを実装することができます。お楽しみください！