![](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://2.bp.blogspot.com/-GPxwSKfj70Y/Wqec2QBi7DI/AAAAAAAABF0/kLAJGQm_-QE9cmuPULwcDGv42YV-NhgywCPcBGAYYCw/s1600/templateList-2.png)
![](https://2.bp.blogspot.com/-yW_5uEN8MqM/Wqeceo0Gl3I/AAAAAAAABF4/is5hOST2C0gPdhwrRf7Qin6YBYo04ojaACPcBGAYYCw/s1600/teigi-3-1-2-1-2.png)
- 会話ボックス:
このグレー地の箱は、アクションをひとまとめにするものです。アクションとは、「Botにさせること」です。いろいろなことをさせることができます。 - "変数操作"アクション:
"変数操作"と書いてある、この青色の箱(アクション)は、変数を定義したり、文字や数値を覚えさせたり計算させたりといった変数操作ができます。 - "Botのセリフ"アクション:
"Botのセリフ"と書いてある、このオレンジ色の箱(アクション)は、この中にセリフや絵文字を書くことでBotをしゃべらせることができます - 変数を入力:
"Botのセリフ"アクションに変数を入力をすることで、変数の値をセリフとして読み上げることができます。
基本操作のおさらい
簡単に基本操作のおさらいをしましょう。テンプレートをカスタマイズするときに一番重要なのは、9番の、ストーリーのいちばん最後の会話ボックスを「終了ボックス」につなげることです!
![](https://3.bp.blogspot.com/-Olds-k6UoCY/WqKh11p3JuI/AAAAAAAAA30/Vw-QZhZWoR8oW8ERkEI8wQO0ltyVvT_tACLcBGAs/s1600/basic.png)
変数って何?
(文字タイプの変数についての記事StoryGraphEditor 9「通過ルートで自動的にセリフをつくる」をすでに読まれた方は再掲になりますのでとばしてください)"変数操作"アクションで使う変数とは何でしょう?
変数とは文字や数値を覚えておくための入れ物です。
変数には「文字」タイプと「数値」タイプがあります。
「文字」タイプの変数には、名前などを覚えさせておくことができます。また、あとから入れた文字をくっつけることもできます。
![](https://3.bp.blogspot.com/-VMTdQF9CEXk/WqdttVg5A9I/AAAAAAAABA4/xS-hZcsiBfslcFf5wZ0szhx9Cjk81PYIACPcBGAYYCw/s1600/hensu1.gif)
![](https://2.bp.blogspot.com/-S_TsgDwG18A/WqeIg0E-CaI/AAAAAAAABDM/5MBz5rAysw8UNoz1weu4iczX7ZeCUgtBwCLcBGAs/s1600/hensu2.gif)
「文字」タイプの変数の活用方法についての記事はこちら。
変数を使う大まかな流れ
それではテンプレート【クイズテンプレ】点数計算をするを開いて一度保存し、どんなふうに「Bot3D Player」で再生されるか見てみましょう。再生の仕方はStoryGraphEditor クイックヘルプ:Bot3DPlayerで見る方法をご覧ください。
1問50点の問題が2問だされます。問題が終わったら、総合得点の結果発表をして、100点か50点か0点かで最後のメッセージが変わります。
![](https://3.bp.blogspot.com/-3iOXMvYBM5A/Wqe7-9j0isI/AAAAAAAABI8/mdIdZhB7fRwl5fu4qfYk7dRDmthbIsnGwCPcBGAYYCw/s1600/IMG_4028-2.png)
ストーリーは次のように作られています。テンプレート【複雑なストーリーテンプレ】通過ルートで自動的にセリフをつくるの画面を見てみましょう。
![](https://2.bp.blogspot.com/-x-SPyEuY32Q/WqemYo710VI/AAAAAAAABHI/BfI27gkZWXIF8kh8k4LYez0_6k7AZQGKgCPcBGAYYCw/s1600/score1.png)
不正解ルートではなにも足していません。
変数が点数を覚えていてくれるので、変数 "score"を使って最終的な点数をセリフにしています。
また、緑色の"条件一致でふりわけ"アクションで変数"score"を使った条件分岐を作っているので、点数に応じたセリフを読み上げています。
変数を作る
このストーリーでは、変数"score"に対して値を足していますが、そもそもどうやって変数を作るのか見ていきます。「定義とリセット」と書いてある会話ボックスの"変数操作"アクションをクリックすると、画面下部にエディタが表示されます。
![](https://3.bp.blogspot.com/-sQtr0NiMcQU/WqetUTX1uYI/AAAAAAAABHk/dJ9nl8JByqkvmW7U4DYh2E5864-l10LRQCPcBGAYYCw/s1600/score2.png)
変数"score"が「数値」タイプの変数として登録されているのがわかりますね。
![](https://3.bp.blogspot.com/-Tt6Jt71HgT4/WqetURXc67I/AAAAAAAABIM/u6plL0WOx6gdMb1hwn4R9lCkGsSK86EawCPcBGAYYCw/s1600/score3.png)
デフォルト値を設定したり、「文字」タイプの変数に変更したりできます。
![](https://4.bp.blogspot.com/-dxdRzy3ZSGo/WqetUU-Y1_I/AAAAAAAABIM/VhnVT_0XI6chYNXDaXCWwp9F6Q8WSKhxwCPcBGAYYCw/s1600/score4.png)
次は登録した変数を操作してみましょう。
変数を操作する
ひきつづき"変数操作"アクションのエディタを見てみると、変数"score"に「代入」で0を入れています。(このストーリーはクイズに再挑戦してループできる構造なので0を入れてリセットしています)
![](https://2.bp.blogspot.com/-riVPCggI1GE/WqewExKD9JI/AAAAAAAABIg/AzYEQs54ZAo9_HPY3MGRDOM7QMtLdAZpQCLcBGAs/s1600/score10.png)
このように、変数に加算したいタイミングで"変数操作"アクションを作って変数操作を行います。
![](https://3.bp.blogspot.com/-0HN1NMC_tuc/WqetVpq37FI/AAAAAAAABII/XDrDVo89Of0sLOHSL3UUbmtJOSG-jZ1aACPcBGAYYCw/s1600/score6.png)
- 操作を追加から、対象になる変数を選んで追加ボタンを押すと、操作タブが追加されます。
- 操作内容(足し算や割り算)を選んで、値をフォームに記入することで変数に計算が行われます。
- 「保存」ボタンを押して反映します。
![](https://3.bp.blogspot.com/-faJhnVHBnTc/WqetVAr4XSI/AAAAAAAABIA/bczUr4ObG9AewP3ZUc9GpPgvU49h3TwvACPcBGAYYCw/s1600/score5.png)
変数をセリフの中で使う
このようにして点数を加算していった変数の値を、セリフの中で使いましょう。「結果」と書いてある会話ボックスの中の"Botのセリフ"アクションをクリックします。
そうすると、エディタのテキスト部分に、変数"score"が入力されているのが確認できますね。
この変数が、「100」や「50」などの変数の値に、都度おきかえられることで、得点をしゃべらせることができるんです!
![](https://1.bp.blogspot.com/-oWXnSHOw46c/WqetVuMhCjI/AAAAAAAABII/6Zu6QcnmK_U6QGz34lKl_jRt3a6SqIoywCPcBGAYYCw/s1600/score7.png)
変数のリストが表示されるので、クリックすると、変数が追加されます。
![](https://2.bp.blogspot.com/-8B_5iZY5ytE/WqetX7SYOYI/AAAAAAAABII/niST-MjmhU8xnCeREjKbmvmQuQmIiu6igCPcBGAYYCw/s1600/score8.png)
"条件一致でふりわけ"アクションをクリックすると画面下にエディタが表示されます。
("条件一致でふりわけ"アクションの詳細な使い方についての記事はこちら)
"条件一致でふりわけ"アクションは、変数の値でストーリーを分岐することができます。
種別で「変数」を選んで、条件分岐に使いたい変数名を選び、「追加」ボタンを選ぶと条件タブが追加されます。
![](https://4.bp.blogspot.com/-RD-zl3N5SSs/WqibzcOoYRI/AAAAAAAABJ8/ebwXxT3_PEkKEOahdwgQW7N1m2OEdW7ZQCPcBGAYYCw/s1600/score12.png)
条件を増やしたり変更したら、「保存」ボタンを押して確定します。
"条件一致でふりわけ"アクションの各条件のコネクタから、"Botのセリフ"アクションの入った会話ボックスにつなげて分岐が完成です。
![](https://1.bp.blogspot.com/-rK3BcxN5yxw/Wqig1c4ESpI/AAAAAAAABKc/5Mv8A5uXt4wAJmR0Q1sWjaFmP0RKJjH_gCLcBGAs/s1600/score14.png)
「変数」という言葉は聞きなれないかもしれませんが、活用するととても盛り上がるストーリーが作れるので、"変数操作"アクションを使ってみてくださいね!