![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW5004a_6a8Ut-s2IgrQ80ltTT9SE3VuC-oHoIHDmYXCUNb2BEQi0LWr-nElwMGLOT0epZEXt1vA9cPm2-CQrt18puKGx1Gs-JwvQuMpb1i_MDK9viZVVOM4-IH45FFiFhD33-ikXvL1_l/s1600/m.gif)
この記事のサンプル
「Bot3D StoryGraphEditor」ではいろいろな便利な機能をシンプルに使えるように、様々なテンプレートが用意してあります。画面左上の「テンプレートから作成」を押します。
![](https://1.bp.blogspot.com/-4Ap2XySfCsc/WqDYS4pZeRI/AAAAAAAAAtU/ubqo4zktsrQv3Wyo-NRJ34-vCgl1ztQRACPcBGAYYCw/s1600/tmp1.png)
![](https://4.bp.blogspot.com/-b7EaIfgl4w8/WqkNVsJ_onI/AAAAAAAABRs/MWSXJI43LFUnxSCu4rJMmSa084JrgCY2QCLcBGAs/s1600/templateList-4.png)
大規模なストーリーを作ろう〜チャプターとストーリー
【大規模テンプレ】大規模なストーリーを作るを開くと、以下のような画面が表示されます。 さて、このひとつの画面の中に、wikipediaの記事のようなたくさんの情報をもりこんだ、「犬」と「猫」と「パンダ」についてのストーリーを作りたいとしたらどうでしょう。「犬」について説明する詳しいストーリーなら1画面におさまるかもしれませんが、別の動物のことも書こうとすると、画面がいっぱいになってしまうし、編集しにくいですよね。
![](https://1.bp.blogspot.com/-ibl5-7cDrd8/WqkS8robmfI/AAAAAAAABSo/Jc054c1kfnsdxuk9itag-ijeXV63E9heQCPcBGAYYCw/s1600/daikibo1.png)
それが、「チャプターエディタ」と「ストーリーエディタ」です。
「チャプターエディタ」は、上のようなStoryGraphEditorのファイルを編集したときに最初に表示される画面です。会話ボックスやアクションを配置することができます。
「ストーリーエディタ」は、複数の「チャプター(章)」をまとめあげて一冊の本のストーリーのように、チャプターをつなげてゆく画面です。
現在の画面、「チャプターエディタ」の左上にある「ストーリーへ移動」ボタンを押して見ましょう。
![](https://2.bp.blogspot.com/-6TNp6swsDyg/WqkUKqMg1sI/AAAAAAAABS8/MdjfIVb_Wuwtk8t77g3zKfbFGF6TX8hCACPcBGAYYCw/s1600/daikibo1-2.png)
![](https://2.bp.blogspot.com/-QRF_sdDFbcE/WqkWO96h0gI/AAAAAAAABTg/ooEhBnAO4KgtP1pK9Xd1l3IA1hkz5Y4PACLcBGAs/s1600/dai3.png)
それぞれの中に「チャプターエディタ」の画面がふくまれています。
先ほどまでいた画面は、「最初のチャプター」です。StoryGraphEditorのファイルを開いたときには、必ず一番最初のチャプターが開かれます。
試しに、「犬詳細チャプター」の「チャプターへ移動」ボタンを押して見ましょう。
![](https://4.bp.blogspot.com/-s2JboTpJCMQ/WqkXCbKLVjI/AAAAAAAABTo/DKqSpHVUKPADpVtuYJVp0TkNAXmJ3LhPQCLcBGAs/s1600/dai4-2.png)
画面のヘッダ部分に注目すると、ストーリー名と現在居る、チャプター名が書いてあるのがわかります。
![](https://1.bp.blogspot.com/-ZmX4f4FSh9s/WqkY0ZBGpgI/AAAAAAAABT0/5MPncw67slo74hKMyHe-KFZsbVpxArAcwCLcBGAs/s1600/dai5.png)
同様に「猫詳細チャプター」のチャプターエディタが表示されました。
![](https://1.bp.blogspot.com/-TMR1IzpPBQE/WqkZeoB5rmI/AAAAAAAABUI/JhEtbrLXJ5IZKQaAHkTwCFEXbwRPicDqACLcBGAs/s1600/dai6.png)
新しいチャプターの作成と「出口」
それでは練習として、【大規模テンプレ】大規模なストーリーを作るに「鳥詳細チャプター」を作ってみましょう。「ストーリーエディタ」左上の「新規チャプターを作成」ボタンを押すと、画面上に「新規チャプター」ができます。これをクリックすると、画面下にエディタが開きます。
![](https://2.bp.blogspot.com/-aM_eZ74bwpo/WqkfBvWR0QI/AAAAAAAABUk/Qi6pB8KmHHUfn2lQO61jdyU18tDcgHAAwCLcBGAs/s1600/dai7.png)
![](https://3.bp.blogspot.com/--DO2BGuW_q4/Wqkf5DQ8CcI/AAAAAAAABUw/vkPbuh5Uracd95fXEjy2SjvL17ZeyMH9ACLcBGAs/s1600/dai8.png)
再度、「鳥詳細チャプター」をクリックし、エディタを表示します。
- IDと名前にそれぞれ、"bird" と "出口" と入れて「追加」ボタンを押します。
そうすると出口のタブが追加されます。
このタブはいくつでも増やせます。 - 「保存」ボタンを押します。
- 「鳥詳細チャプター」に「出口」が追加されました。
![](https://3.bp.blogspot.com/-3BqaEc8LwXQ/WqkiT53fS0I/AAAAAAAABVI/uZ9CflO6Wa08gIqIkg4YbOGx8ohe_IyYgCLcBGAs/s1600/dai9.png)
ヘッダメニューから「保存」を押してから「鳥詳細チャプター」の「チャプターへ移動」ボタンを押してみましょう。
(ストーリーエディタで変更して後にチャプタに移動する場合は必ず保存してください)
![](https://3.bp.blogspot.com/-NO2rqG6oR8w/WqkkOBX7eZI/AAAAAAAABVU/6hZpx0he9GgHB1cnqv-yCShoV0MqtY1GACLcBGAs/s1600/dai10.png)
そうすると、一番右の終了ボックスの下に、さきほど作った「出口」が作られています。
![](https://4.bp.blogspot.com/-xla5vn4A9vs/Wqkk1ZwLQtI/AAAAAAAABVo/cOzO8pPJYgIOdw5ryXqedyDNNQTFAVSCACLcBGAs/s1600/dai11.png)
変更後、「ストーリーへ移動」を押すと保存するかどうか聞かれるので、保存して進んでください。
![](https://3.bp.blogspot.com/-uCHUVWmv_2E/Wqkmg0xTZvI/AAAAAAAABV8/9JfMmaBZcNM5gFW1uWHWo8nSoUiR739hgCLcBGAs/s1600/dai13.png)
他のチャプターと繋げて大きいストーリーにする
ここで、チャプター間の流れを見るために、【大規模テンプレ】大規模なストーリーを作るを保存して一度「Bot3D Player」で見てみましょう。 再生の仕方はStoryGraphEditor クイックヘルプ:Bot3DPlayerで見る方法をご覧ください。再生すると、はじめに「ストーリーエディタ」上の一番最初にあるチャプターが再生されます。
![](https://4.bp.blogspot.com/-Y0IooV0S-o0/WqkvOtyVvhI/AAAAAAAABXw/VANGxoXq39Qpx_2bYI-VaFIyEZ60WZoxgCLcBGAs/s1600/dai20.png)
![](https://2.bp.blogspot.com/-cuzZVOoct3I/Wqkw7KxfizI/AAAAAAAABYE/TKQ5jUaXvBgPSK6tO6jujlAgb6D70U5DQCLcBGAs/s1600/dai21.png)
選択肢ボタンを表示して、その選択結果によって、出口を決定しています。
![](https://2.bp.blogspot.com/-1xkmBQdM9iA/Wqkx3ht4dJI/AAAAAAAABYQ/GJoFH-YXe_wQi9iJB2aglo5vOJ4qRlOlACLcBGAs/s1600/dai19.png)
「犬詳細チャプター」が終わると、また「分岐用チャプター」に戻ってくるように、線がつなげてあります。
そして再び「分岐用チャプター」でボタンが選ばれると、「犬詳細チャプター」「猫詳細チャプター」「パンダ詳細チャプター」のどれに行くようなループ構造になっています。
![](https://4.bp.blogspot.com/-PB71OydGKJk/WqkzCKMOoBI/AAAAAAAABYo/r-EzUeWCUN00xoZEvmsWB0qXuP8YT5G9gCLcBGAs/s1600/dai21.png)
それでは最初に作った「鳥詳細チャプター」をストーリー全体に接続してみましょう。 まず、「分岐用チャプター」に鳥チャプター用の出口を作りたいです。
「分岐用チャプター」のチャプターエディタに移動し、まず鳥用の"ボタン選択"アクションの選択肢を増やします。
![](https://4.bp.blogspot.com/-Tlb199uO1So/Wqk5pixlavI/AAAAAAAABZw/DybFkrhi4241xXzPh2wpYijV-D9BQ1TNQCLcBGAs/s1600/dai22.png)
- チャプター名の横にある設定ボタンを押すと、設定画面が開きます。
- チャプターの出口の追加フォームに出口のIDと名前を入れて「追加」ボタンを押します。
- 「鳥の出口」が追加されました。
- "ボタン選択"アクションの鳥に会話ボックスをつなげて、「鳥の出口」につなぎます。
「ストーリーへ移動」ボタンを押してチャプターを保存してから「ストーリーエディタ」へ行きます。
![](https://4.bp.blogspot.com/-SzbaIdrS9cA/Wqk7hi-FrmI/AAAAAAAABaI/71e-sH56-DAAESK-EgjUJ5FJsyCCypSdQCLcBGAs/s1600/dai23.png)
「鳥詳細チャプター」が終わったらまた選択肢を出したいので、「鳥詳細チャプター」の出口を「分岐用チャプター」のコネクタにつなげます。
![](https://2.bp.blogspot.com/-RY1hlNy8TD4/Wqn0bUr9URI/AAAAAAAABaw/Lgru2K25y6YLsP7k2F4GRijrAMQPKDapQCLcBGAs/s1600/dai24.png)
ちゃんと「鳥詳細チャプター」がストーリー全体に組み込まれましたね。
![](https://4.bp.blogspot.com/-OkLfEj7nLSA/Wqn4AtZD09I/AAAAAAAABa0/ULjFDFD9v_0XdEsbkK8vjCSTAu-YqkXQACLcBGAs/s1600/dai25.png)
ぜひ、しゃべりごたえのある、大きなストーリーを作ってみてくださいね!