AI game creator

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

No:5377

1210

←

Prev Next

→

novel game
Developer もちきなこ｜Date and time 23/6/30 0:29:27
Build time 25.268 sec｜Game capacity 2.297KB｜

Script

了解しました。ノベルゲームを作成します。以下はサンプルコードです。

このコードは、ノベルゲームの一部を実装しています。ゲームは3つのストーリーテキストとそれに対応する2つの選択肢からなります。各選択肢をクリックすると、次のストーリーが表示されます。以上が、HTMLとJavaScriptを使用して作成した簡単なノベルゲームのサンプルです。

←

Prev　Next

→ 　

Back　

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

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

了解しました。ノベルゲームを作成します。以下はサンプルコードです。

```html
<!DOCTYPE html>
<html>
<head>
  <title>ノベルゲーム</title>
  <meta charset="UTF-8">
</head>
<body>
  <div id="story">
    <p id="text"></p>
    <button id="choice1"></button>
    <button id="choice2"></button>
  </div>

// 現在のストーリーインデックス
    let currentIndex = 0;

// テキストと選択肢の要素
    const textElement = document.getElementById("text");
    const choice1Element = document.getElementById("choice1");
    const choice2Element = document.getElementById("choice2");

// ストーリーを表示する関数
    function displayStory(index) {
      textElement.innerText = storyData[index].text;
      choice1Element.innerText = storyData[index].choice1;
      choice2Element.innerText = storyData[index].choice2;
    }

// 最初のストーリーを表示
    displayStory(currentIndex);

// 選択肢1をクリックしたときの処理
    choice1Element.addEventListener("click", function() {
      currentIndex++;
      displayStory(currentIndex);
    });

// 選択肢2をクリックしたときの処理
    choice2Element.addEventListener("click", function() {
      currentIndex += 2;
      displayStory(currentIndex);
    });
  </script>
</body>
</html>
```