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

No:2711

749

←

Prev Next

→

Escape from Uncle Childs Room
Developer User3604｜Date and time 23/6/22 12:33:29
Build time 36.792 sec｜Game capacity 3.852KB｜

Script

子供部屋おじさんからの脱出

「あなたは子供部屋に閉じ込められてしまいました。脱出するには以下の命令を実行してください。」

移動: ↑↓←→

アイテムを使う: 🔑🔨📝

ドアを開ける: 🔑←→

いざ、脱出！！！

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>子供部屋おじさんからの脱出</title>
    <style>
      body {
        font-size: 3rem;
        text-align: center;
      }
      #gameScreen {
        border: 5px solid #000;
        display: inline-block;
        margin: 2rem;
        padding: 1rem;
      }
      button {
        font-size: 2rem;
        background-color: #FFC107;
        border: none;
        border-radius: 5px;
        margin: 1rem;
        padding: 1rem;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>子供部屋おじさんからの脱出</h1>
    <div id="gameScreen">
      <p>「あなたは子供部屋に閉じ込められてしまいました。脱出するには以下の命令を実行してください。」</p>
      <p>移動: ↑↓←→</p>
      <p>アイテムを使う: 🔑🔨📝</p>
      <p>ドアを開ける: 🔑←→</p>
      <p>いざ、脱出！！！</p>
    </div>
    <button id="up">↑</button>
    <button id="down">↓</button>
    <button id="left">←</button>
    <button id="right">→</button>
    <button id="key">🔑</button>
    <button id="hammer">🔨</button>
    <button id="note">📝</button>
    <button id="door">🔑←→</button>
    <script>
      let x = 0;
      let y = 0;
      let hasKey = false;
      let hasHammer = false;
      let hasNote = false;
      let isDoorOpen = false;
      function move(event) {
        if (!isDoorOpen) {
          switch (event.key) {
            case "ArrowUp":
              y--;
              break;
            case "ArrowDown":
              y++;
              break;
            case "ArrowLeft":
              x--;
              break;
            case "ArrowRight":
              x++;
              break;
            default:
              break;
          }
        }
        render();
      }
      function useKey() {
        if (!hasKey) {
          alert("鍵がありません。");
        } else {
          alert("鍵を使用しました。");
        }
      }
      function useHammer() {
        if (!hasHammer) {
          alert("ハンマーがありません。");
        } else {
          alert("壁を壊しました。");
        }
      }
      function useNote() {
        if (!hasNote) {
          alert("メモがありません。");
        } else {
          alert("メモを読みました。");
        }
      }
      function openDoor() {
        if (!hasKey) {
          alert("鍵がかかっています。");
        } else {
          isDoorOpen = true;
          alert("扉が開きました！");
        }
      }
      function render() {
        const gameScreen = document.getElementById("gameScreen");
        if (!isDoorOpen) {
          let message = `現在の位置:(${x},${y})`;
          if (x === 2 && y === 1) {
            message += "<br>🔑があります。";
          } else if (x === 5 && y === 4) {
            message += "<br>🔨があります。";
          } else if (x === 0 && y === 2) {
            message += "<br>📝があります。";
          } else if (x === 7 && y === 2) {
            message += "<br>扉があります。";
          } else if (x === 8 && y === 2) {
            message += "<br>脱出成功！おめでとう！！！";
          }
          gameScreen.innerHTML = message;
        } else {
          gameScreen.innerHTML = "扉が開いています。";
        }
      }
      document.addEventListener("keydown", move);
      document.getElementById("key").addEventListener("click", useKey);
      document.getElementById("hammer").addEventListener("click", useHammer);
      document.getElementById("note").addEventListener("click", useNote);
      document.getElementById("door").addEventListener("click", openDoor);
    </script>
  </body>
</html>