AI game creator

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

No:4931

7512

←

Prev Next

→

Sealed Cave
Developer User3796｜Date and time 23/6/29 0:56:59
Build time 39.443 sec｜Game capacity 3.818KB｜

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>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #cave {
      font-size: 40px;
      margin-top: 100px;
    }
    
    #key {
      margin-top: 20px;
    }
    
    #message {
      margin-top: 20px;
      font-size: 20px;
    }
  </style>
</head>
<body>
  <div id="cave">🎮</div>
  <div id="key"></div>
  <div id="message"></div>

// プレイヤーの位置によって表示する絵文字を設定
      var playerEmoji = "🚶";
      if (playerPosition === 2) {
        playerEmoji = "🏃";
      } else if (playerPosition === 3) {
        playerEmoji = "💨";
      }

// 鍵の位置によって表示する絵文字を設定
      var keyEmoji = "🔐";
      if (keyPosition === 2) {
        keyEmoji = "🔑";
      } else if (keyPosition === 3) {
        keyEmoji = "🗝️";
      }

var caveElement = document.getElementById("cave");
      var keyElement = document.getElementById("key");
      var messageElement = document.getElementById("message");

// プレイヤーと鍵の位置を表示
      caveElement.textContent = playerEmoji;
      keyElement.textContent = keyEmoji;

// ゲームの進行と判定を行う関数
      function gameAction(action) {
        // プレイヤーの位置を更新
        if (action === "left") {
          playerPosition--;
        } else if (action === "right") {
          playerPosition++;
        }

// プレイヤーが洞窟の外に出た場合
        if (playerPosition < 1 || playerPosition > 3) {
          messageElement.textContent = "Game Over";
          caveElement.textContent = "💀";
          return;
        }
        
        // プレイヤーが鍵の位置に到着した場合
        if (playerPosition === keyPosition) {
          messageElement.textContent = "Congratulations! You found the key. You escaped the cave.";
          caveElement.textContent = "🔓";
          return;
        }

// プレイヤーの位置に応じて表示する絵文字を設定
        playerEmoji = "🚶";
        if (playerPosition === 2) {
          playerEmoji = "🏃";
        } else if (playerPosition === 3) {
          playerEmoji = "💨";
        }
        
        // プレイヤーと鍵の位置を更新して表示
        caveElement.textContent = playerEmoji;
        keyElement.textContent = keyEmoji;
      }

// 左ボタンが押されたときの処理
      document.getElementById("leftButton").addEventListener("click", function() {
        gameAction("left");
      });
      
      // 右ボタンが押されたときの処理
      document.getElementById("rightButton").addEventListener("click", function() {
        gameAction("right");
      });
    });
  </script>
  
  <button id="leftButton">←</button>
  <button id="rightButton">→</button>
</body>
</html>
```