画面には少量の草がある草からはモンスターが出てくるモンスターをタップすると先頭が開始される戦闘画面には、殴る、媚びる、捕まえる、逃げるの4つ2選択肢がある。捕まえると捕まえたモンスターリストに登録される。モンスターはいろいろな種類がいる's game

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

No:43772

108

←

Prev Next

→

画面には少量の草がある草からはモンスターが出てくるモンスターをタップすると先頭が開始される戦闘..ALL
Developer User19274｜Date and time 24/2/16 20:09:09
Build time 19.473 sec｜Game capacity 4.918KB｜

Script

以下は、要件に基づいたJavaScriptでのプログラム例です。

このプログラムでは、最初にランダムなモンスターが草の上に出現します。モンスターがタップされると戦闘画面に移行し、4つの選択肢が表示されます。選択肢に応じてメッセージが表示され、戦闘が終了すると次のモンスターが出現します。すべてのモンスターを捕まえると終了メッセージが表示されます。なお、このプログラムはスマートフォン上での操作を前提としています。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

以下は、要件に基づいたJavaScriptでのプログラム例です。

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>モンスターハンティング</title>
</head>
<body>
  <div id="grass"></div>
  <script>
    // モンスターの種類を定義します
    const monsters = [
      "👻",
      "👾",
      "🦖",
      "🐉",
      "🐲"
    ];

// 残りのモンスターのリストを格納する配列を初期化します
    let remainingMonsters = [...monsters];

// モンスターを出現させる関数を定義します
    function spawnMonster() {
      // ランダムなモンスターを選択します
      const randomIndex = Math.floor(Math.random() * remainingMonsters.length);
      const monster = remainingMonsters[randomIndex];

// モンスターを表示します
      const monsterElement = document.createElement("div");
      monsterElement.innerText = monster;
      document.body.appendChild(monsterElement);

// モンスターがタップされたら戦闘画面に移行します
      monsterElement.addEventListener("click", () => {
        battleMonster(monster);
      });

// 出現したモンスターをリストから削除します
      remainingMonsters.splice(randomIndex, 1);
    }

// モンスターとの戦闘を処理する関数を定義します
    function battleMonster(monster) {
      // 戦闘画面を表示します
      clearScreen();
      const messageElement = document.createElement("p");
      messageElement.innerText = `あなたは ${monster} と戦闘中です。どうしますか？`;
      document.body.appendChild(messageElement);

// 選択肢を表示します
      const optionsElement = document.createElement("div");
      const attackOption = document.createElement("button");
      attackOption.innerText = "殴る";
      attackOption.addEventListener("click", () => {
        showMessage(`${monster} に攻撃しました！`);
        endBattle();
      });
      optionsElement.appendChild(attackOption);

const flatterOption = document.createElement("button");
      flatterOption.innerText = "媚びる";
      flatterOption.addEventListener("click", () => {
        showMessage(`${monster} に媚びました！`);
        endBattle();
      });
      optionsElement.appendChild(flatterOption);

const captureOption = document.createElement("button");
      captureOption.innerText = "捕まえる";
      captureOption.addEventListener("click", () => {
        captureMonster(monster);
      });
      optionsElement.appendChild(captureOption);

const escapeOption = document.createElement("button");
      escapeOption.innerText = "逃げる";
      escapeOption.addEventListener("click", () => {
        showMessage("逃げました！");
        endBattle();
      });
      optionsElement.appendChild(escapeOption);

document.body.appendChild(optionsElement);
    }

// モンスターを捕まえる関数を定義します
    function captureMonster(monster) {
      // 捕まえたモンスターをリストに登録します
      const capturedElement = document.createElement("p");
      capturedElement.innerText = `捕まえたモンスター: ${monster}`;
      document.body.appendChild(capturedElement);

showMessage(`${monster} を捕まえました！`);
      endBattle();
    }

// 戦闘終了時の処理を実行する関数を定義します
    function endBattle() {
      // 一定時間後に次のモンスターを出現させます
      setTimeout(() => {
        clearScreen();
        if (remainingMonsters.length > 0) {
          spawnMonster();
        } else {
          showMessage("すべてのモンスターを捕まえました！");
        }
      }, 2000);
    }

// メッセージを表示する関数を定義します
    function showMessage(message) {
      const messageElement = document.createElement("p");
      messageElement.innerText = message;
      document.body.appendChild(messageElement);
    }

// 画面を初期化する関数を定義します
    function clearScreen() {
      document.body.innerHTML = "";
    }

// 初回のモンスターを出現させます
    spawnMonster();
  </script>
</body>
</html>
```