![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW5004a_6a8Ut-s2IgrQ80ltTT9SE3VuC-oHoIHDmYXCUNb2BEQi0LWr-nElwMGLOT0epZEXt1vA9cPm2-CQrt18puKGx1Gs-JwvQuMpb1i_MDK9viZVVOM4-IH45FFiFhD33-ikXvL1_l/s1600/m.gif)
前回の記事StoryGraphEditor 10「点数計算をする」で点数計算のあるクイズの作り方を見てみましたが、このテンプレートで紹介しているような繰り返し要素をうまく使うことを意識すると、より効率的な手順でストーリーが作れるようになります。
(この記事は応用編です。それぞれのアクションの詳細な使い方は、ヘルプブログの個別の記事をご覧ください。)
この記事のサンプル
「Bot3D StoryGraphEditor」ではいろいろな便利な機能をシンプルに使えるように、様々なテンプレートが用意してあります。画面左上の「テンプレートから作成」を押します。
![](https://1.bp.blogspot.com/-4Ap2XySfCsc/WqDYS4pZeRI/AAAAAAAAAtU/ubqo4zktsrQv3Wyo-NRJ34-vCgl1ztQRACPcBGAYYCw/s1600/tmp1.png)
![](https://1.bp.blogspot.com/-FXq25ehemSg/WqjDqM3xZbI/AAAAAAAABMo/e36rsjMePwUVd29iF0bcIoNQ_0ln4mhCgCPcBGAYYCw/s1600/templateList-3.png)
![](https://1.bp.blogspot.com/-yJ7ewOYICYg/Wqjx-No9TbI/AAAAAAAABQg/7YnKieJB1rwm3eaVJhxSVa__M0NQBmmjgCLcBGAs/s1600/teigi-3-1-2-1-2-1-2-1.png)
- 会話ボックス:
このグレー地の箱は、アクションをひとまとめにするものです。アクションとは、「Botにさせること」です。いろいろなことをさせることができます。 - "変数操作"アクション:
"変数操作"と書いてある、この青色の箱(アクション)は、変数を定義したり、文字や数値を覚えさせたり計算させたりといった変数操作ができます。 - "Botのセリフ"アクション:
"Botのセリフ"と書いてある、このオレンジ色の箱(アクション)は、この中にセリフや絵文字を書くことでBotをしゃべらせることができます。また、変数を入力をすることで、変数の値をセリフとして読み上げることができます。 - "通過回数でふりわけ"アクション:
"通過回数でふりわけ"と書いてある、この緑色の箱(アクション)は、ある会話ボックスを何回通ったかをカウントして、ストーリーを分岐することができます。 - "条件一致でふりわけ"アクション:
"条件一致でふりわけ"と書いてある、この緑色の箱(アクション)は、変数の値を判定して、ストーリーを分岐することができます。
基本操作のおさらい
簡単に基本操作のおさらいをしましょう。テンプレートをカスタマイズするときに一番重要なのは、9番の、ストーリーのいちばん最後の会話ボックスを「終了ボックス」につなげることです!
![](https://3.bp.blogspot.com/-Olds-k6UoCY/WqKh11p3JuI/AAAAAAAAA30/Vw-QZhZWoR8oW8ERkEI8wQO0ltyVvT_tACLcBGAs/s1600/basic.png)
繰り返し要素をまとめてアクションを共通化する
それではテンプレート【クイズテンプレ】繰り返し要素をうまく使うを開いて一度保存し、どんなふうに「Bot3D Player」で再生されるか見てみましょう。再生の仕方はStoryGraphEditor クイックヘルプ:Bot3DPlayerで見る方法をご覧ください。
1問25点の問題が4問だされます。問題が終わったら、総合得点の結果発表をして、点数によって最後のメッセージが変わります。
![](https://1.bp.blogspot.com/-RtoCUbuZni8/WqjKvk11RUI/AAAAAAAABNY/qmrr0W7O6-4jE6LmujBHD4BzqoaCyG4OACLcBGAs/s1600/IMG_4038-2.png)
以下は、【クイズテンプレ】点数計算をするのファイルです。
ずっと横に、問題・回答、正解不正解、点数加算、問題・回答、正解不正解、点数加算、と作っていけばいいのでわかりやすいのですが、同じような正解不正解・点数加算のアクションを何度もつくらなければならないので若干面倒です。
また問題文の順番をいれかえるのが大変です。
![](https://2.bp.blogspot.com/-ZTsaMZvjKuM/WqjbPjaHpEI/AAAAAAAABN0/4HLeTM_aetYm-R3O8mMqbym5SjQ-csutwCPcBGAYYCw/s1600/q2.png)
正解不正解・点数加算という繰り返し出てくる要素を共通化しており、基本的に問題・回答だけを縦にふやしていけばよい作りになっています。
また後述しますが、通過回数で出す問題を変えているので、 "通過回数でふりわけ"アクションのコネクタをつなぎ変えれば出題順が変えられるメリットもあります。
![](https://2.bp.blogspot.com/-YACzQTuj0rs/Wqj4ZUbq-fI/AAAAAAAABRU/ih7YeARdJMISWw7lBEmXbDOJqWZQwjJtwCPcBGAYYCw/s1600/q1-2-1-2-1-2.png)
"通過回数"でストーリーを制御する
この【クイズテンプレ】繰り返し要素をうまく使うのヒミツは、 "通過回数でふりわけ"アクションを使って、ストーリーがループする作りになっているところにあります。ループしているので、共通部分を共通化しやすいんですね。ストーリーの流れを見てみましょう。
- まず「通過回数判定」と書いてある会話ボックスの中の"通過回数でふりわけ"アクションを通ります。
この時、通過回数は1なので、Q1へストーリーが分岐します。 - 回答後、共通化された正解・不正解処理を通ります。
- 「終了判定」と書いてある会話ボックスの中の"条件一致でふりわけ"アクションで変数"isEnd"の値を判定しています。
通常、変数"isEnd"は0に設定されており、一番最後の問題文を通ると1になります。
今回は1問目なので、終了判定は、変数"isEnd"が0で、そのまま「次へ」と書いてある会話ボックスへ行きます。 - いちばん最初の"通過回数でふりわけ"アクションにループしてもどります。
![](https://3.bp.blogspot.com/-8UMOkMjGBR8/WqjtflE2ffI/AAAAAAAABP8/Kp_jkEH1TMsY6th2wyg2Ea-GWgv_RvfmwCLcBGAs/s1600/ql1-1-2.png)
今度は"通過回数でふりわけ"アクションの通過回数は2なので、Q2へストーリーが分岐します。
この場合も、共通化された正解・不正解処理を通り、終了判定を通ってループします。
![](https://4.bp.blogspot.com/-UHxgor4Szts/WqjkQqJ_NTI/AAAAAAAABO8/VC2jGr15xp4AB0oNSOwIOurD-lRpkikDwCPcBGAYYCw/s1600/ql2.png)
今度は"通過回数でふりわけ"アクションの通過回数は4なので、Q4へストーリーが分岐します。
この場合も、共通化された正解・不正解処理を通り、終了判定では変数"isEnd"が1になったので、ループからぬけて得点集計を通って、終了ルートにぬけます。
![](https://1.bp.blogspot.com/-vZ3NpL_i4aA/WqjkQm2Ek0I/AAAAAAAABPA/cXMTx-UwGJg0LDJetgEJoTGG-c3fJ7hTwCPcBGAYYCw/s1600/ql3.png)
このストーリーの構成のポイント
今回ご紹介した作り方についてまとめると、- ループさせて"通過回数でふりわけ"アクションを使えば、問題を次々と進められる
- ループの中で繰り返し使うアクションを共通のルートにすれば、作成が効率化できる
- ループからぬけるためには、最後のルートを通ったことがわかるように変数の値を変えて終了判定する
ちょっとプログラムちっくですが、通過回数や変数を使って繰り返し要素をうまく使えば、工夫次第で効率的でメンテナンスしやすいストーリーが作れますので、ぜひテンプレート【クイズテンプレ】繰り返し要素をうまく使うをカスタマイズして、挑戦してみてくださいね!