ストーリー重視のオープンワールドRPG's game | AI game creator

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

No:12757

86

ストーリー重視のオープンワールドRPG
Developer User4403｜Date and time 23/8/22 23:44:37
Build time 28.879 sec｜Game capacity 3.713KB｜

了解しました。以下に、ストーリー重視のオープンワールドRPGのサンプルコードを示します。

ある日、冒険者となったあなたは魔法の森に足を踏み入れました。

このコードでは、初めに「ある日、冒険者となったあなたは魔法の森に足を踏み入れました。」というストーリーテキストが表示されます。それに対して2つの選択肢「森を進む」と「町に戻る」があります。「森を進む」を選ぶと、新たなストーリーテキストが表示され、さらにその選択肢に合わせたストーリーテキストが表示されるようになっています。最終的には「魔物と戦う」を選んで戦闘に勝利する、もしくは「逃げる」を選んで無事に町に戻る、というエンディングになります。「町に戻る」を選ぶと、単純に「町に戻りました。」と表示され、ゲームが終了します。このように、ストーリーテキストと選択肢を進めることでストーリーが進行していくという基本的な構造のオープンワールドRPGのプログラム例です。完成したゲームとして、ブラウザで遊ぶことができます。

→ 　

0　

0　

[PR]現在の欲しいものランキング

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

(C)2023 HisashiApp

了解しました。以下に、ストーリー重視のオープンワールドRPGのサンプルコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Open World RPG</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      background-color: #000;
      color: #fff;
    }
    .game-container {
      margin-top: 100px;
    }
    .story-text {
      font-size: 24px;
      margin-bottom: 20px;
    }
    .choice-button {
      margin: 10px;
      padding: 10px 20px;
      border: none;
      background-color: #ff0;
      color: #000;
      font-size: 16px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div class="game-container">
    <div class="story-text" id="storyText">
      ある日、冒険者となったあなたは魔法の森に足を踏み入れました。
    </div>
    <button class="choice-button" id="choiceButton1">森を進む</button>
    <button class="choice-button" id="choiceButton2">町に戻る</button>
  </div>

<script>
    document.getElementById("choiceButton1").addEventListener("click", function() {
      document.getElementById("storyText").textContent = "森の中には強力な魔物が潜んでいます。";
      document.getElementById("choiceButton1").textContent = "魔物と戦う";
      document.getElementById("choiceButton2").textContent = "逃げる";
      document.getElementById("choiceButton1").removeEventListener("click", arguments.callee);
      document.getElementById("choiceButton2").removeEventListener("click", arguments.callee);
      document.getElementById("choiceButton1").addEventListener("click", function() {
        document.getElementById("storyText").textContent = "魔物との戦闘に勝利しました！";
        document.getElementById("choiceButton1").style.display = "none";
        document.getElementById("choiceButton2").style.display = "none";
      });
      document.getElementById("choiceButton2").addEventListener("click", function() {
        document.getElementById("storyText").textContent = "無事に町に戻りました。";
        document.getElementById("choiceButton1").style.display = "none";
        document.getElementById("choiceButton2").style.display = "none";
      });
    });

document.getElementById("choiceButton2").addEventListener("click", function() {
      document.getElementById("storyText").textContent = "町に戻りました。";
      document.getElementById("choiceButton1").style.display = "none";
      document.getElementById("choiceButton2").style.display = "none";
    });
  </script>
</body>
</html>
```

このコードでは、初めに「ある日、冒険者となったあなたは魔法の森に足を踏み入れました。」というストーリーテキストが表示されます。それに対して2つの選択肢「森を進む」と「町に戻る」があります。

「森を進む」を選ぶと、新たなストーリーテキストが表示され、さらにその選択肢に合わせたストーリーテキストが表示されるようになっています。最終的には「魔物と戦う」を選んで戦闘に勝利する、もしくは「逃げる」を選んで無事に町に戻る、というエンディングになります。

「町に戻る」を選ぶと、単純に「町に戻りました。」と表示され、ゲームが終了します。

このように、ストーリーテキストと選択肢を進めることでストーリーが進行していくという基本的な構造のオープンワールドRPGのプログラム例です。完成したゲームとして、ブラウザで遊ぶことができます。