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

No:5729

517

←

Prev Next

→

Out in the garden, fields, no crops, goats ate.
Developer User3589｜Date and time 23/6/30 17:49:20
Build time 44.033 sec｜Game capacity 3.63KB｜

Script

了解です。以下に、畑での作物の成長を管理するシミュレーションゲームのサンプルコードを記載します。スマホで遊ぶことを前提とし、絵文字を使ってゲーム画面を表現します。

畑の育成ゲーム

このゲームでは、ボタンを押すことで畑に作物を植えたり、収穫したり、水やりを行うことができます。成長状態に応じて絵文字とメッセージが表示されます。作物はランダムな成長状態から始まり、水やりをすることで成長していきます。収穫可能な状態になると収穫することができます。畑が空の状態では、作物を植えることができます。

←

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>

<div id="buttons">
    <button id="plantBtn">作物を植える</button>
    <button id="harvestBtn">収穫する</button>
    <button id="waterBtn">水やりする</button>
  </div>

// 作物の成長状態
    const cropStages = [
      { emoji: '🌱', status: '種を植えました' },
      { emoji: '🌿', status: '成長中です' },
      { emoji: '🌾', status: '収穫できます' },
    ];

// ボタン要素を取得
    const plantBtn = document.getElementById('plantBtn');
    const harvestBtn = document.getElementById('harvestBtn');
    const waterBtn = document.getElementById('waterBtn');

// ボタンがクリックされた時の処理
    plantBtn.addEventListener('click', plantCrop);
    harvestBtn.addEventListener('click', harvestCrop);
    waterBtn.addEventListener('click', waterCrop);

// 作物を植える
    function plantCrop() {
      // 作物が既に植えられている場合は何もしない
      if (crop !== null) return;

// ランダムで成長ステージを決定
      const stage = Math.floor(Math.random() * cropStages.length);

// 作物を植える
      crop = cropStages[stage];

// 成長状態を表示
      displayCropStatus();
    }

// 作物を収穫する
    function harvestCrop() {
      // 作物が収穫可能な成長状態でない場合は何もしない
      if (crop === null || crop !== cropStages[cropStages.length - 1]) return;

// 作物を収穫して畑を空にする
      crop = null;

// 成長状態を表示
      displayCropStatus();
    }

// 作物に水やりする
    function waterCrop() {
      // 作物が植えられていない場合は何もしない
      if (crop === null) return;

// 成長ステージが最大でない場合は次の成長ステージに進める
      if (crop !== cropStages[cropStages.length - 1]) {
        const currentStage = cropStages.findIndex(stage => stage === crop);
        crop = cropStages[currentStage + 1];
      }

// 成長状態を表示
      displayCropStatus();
    }

// 成長状態を表示する
    function displayCropStatus() {
      const cropEmoji = document.getElementById('cropEmoji');
      const cropStatus = document.getElementById('cropStatus');

if (crop === null) {
        cropEmoji.textContent = '';
        cropStatus.textContent = '畑に作物はありません';
      } else {
        cropEmoji.textContent = crop.emoji;
        cropStatus.textContent = crop.status;
      }
    }
  </script>

</body>
</html>
```