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

No:10598

115

←

Prev Next

→

Escape Adventure The exit is five rooms away.
Developer User4376｜Date and time 23/8/1 7:16:23
Build time 34.362 sec｜Game capacity 3.876KB｜

Script

了解しました。以下に、要件に基づいた脱出アドベンチャーゲームの実装例を示します。

Escape Adventure

出口は5つ先の部屋にあります。

このゲームでは、表示された部屋の説明文と選択肢ボタンを使用して部屋間を移動します。最初の部屋に到着すると「スタート」ボタンが表示され、スタートボタンをクリックするとゲームが開始されます。ゲームクリアまたはゲームオーバー時には、アラートメッセージが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

了解しました。以下に、要件に基づいた脱出アドベンチャーゲームの実装例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Escape Adventure</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

#game-board {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
  </style>
</head>
<body>
  <div id="game-board">
    <h1>Escape Adventure</h1>
    <p>出口は5つ先の部屋にあります。</p>
    <button id="start-button">スタート</button>
    <div id="room"></div>
  </div>

// 部屋の情報
    const rooms = [
      initialRoom,
      // 部屋2以降の情報をここに追加
      // 例:
      // {
      //   id: 2,
      //   description: "部屋2の説明",
      //   options: [
      //     {
      //       text: "選択肢1",
      //       nextRoom: 3
      //     },
      //     {
      //       text: "選択肢2",
      //       nextRoom: 4
      //     },
      //     // ...
      //   ]
      // },
      // ...
      {
        id: 6,
        description: "部屋6に到着しました！おめでとうございます！",
        options: []
      }
    ];

let currentRoom = initialRoom;

// 部屋を描画する関数
    function renderRoom() {
      const roomElement = document.getElementById("room");
      roomElement.innerHTML = `
        <p>${currentRoom.description}</p>
        ${
          currentRoom.options.map(
            (option, index) => `
              <button onclick="goToRoom(${option.nextRoom})">${option.text}</button>
            `
          ).join("")
        }
      `;
    }

// 部屋を移動する関数
    function goToRoom(roomId) {
      if (roomId === -1) {
        // 窓から逃げる場合はゲームオーバー
        currentRoom = {
          id: -1,
          description: "ゲームオーバー！窓から逃げることはできませんでした。",
          options: []
        };
      } else if (roomId >= 1 && roomId <= rooms.length) {
        // 有効な部屋IDの場合は移動
        currentRoom = rooms.find(room => room.id === roomId);
      } else {
        // 無効な部屋IDの場合はエラー
        console.error("無効な部屋IDです。");
        return;
      }

renderRoom();

if (currentRoom.id === 6) {
        // 出口に到着した場合はゲームクリア
        alert("ゲームクリア！おめでとうございます！");
        location.reload(); // ゲーム再開のためにページをリロード
      }
    }

// スタートボタンのクリックイベントハンドラ
    document.getElementById("start-button").addEventListener("click", function(event) {
      event.target.disabled = true; // ボタンを無効化
      goToRoom(1); // 最初の部屋に移動
    });
  </script>
</body>
</html>
```