ティラノビルダーで遊んでみよう!

2018年8月29日 at 6:28 PM

ティラノビルダーであそんでみよう

しぃるアイコン2  ティラノビルダーって?

皆様、2018年のエイプリルフールに公開したノベルゲーム「怨菓子」はプレイして頂けましたでしょうか?

未だ堂々とサイトTOPにあっておどろおどろしい雰囲気を醸し出してますね!(笑)

元々私はマルチエンディングのサウンドノベルゲームをプレイするのが大好きなのですが、まぁ…でもねぇ…自分で作るのって難しいんでしょう?だって私、プログラミングとか全然できないし…。そう思っておりました。

そんな時にたまたまティラノビルダーという存在を知りまして。お?これなら私でも簡単なものなら作れるのではないか?と思ったわけです。

ティラノビルダー:PC・スマートフォン両対応の「ノベルゲーム」が ドラッグ&ドロップの簡単操作だけで制作できるフリーソフト。高機能で制限なしの有料版(1,480円)もある。

なんだかティラノビルダーのステマみたいになっておりますが、無料でこれを公開しているのすごい…私が本当に作れたのもすごい…皆もゲーム作って…という気持ちで解説まぜつつ「怨菓子」を分解していこうと思います。

初心者が作ったものなので、間違っていたり作り方が下手な箇所があるかもしれませんがご容赦ください。

ティラノビルダーの基本操作は公式サイトに解説がありますので省略します。

未プレイの方は盛大なネタバレな上、分かりづらいと思いますので先に「怨菓子」を遊んでみてくださいね!

(1つのエンディングまで5分くらいです。)

それではスタート!!

スイアイコン  怨菓子のストーリー構造

怨菓子はマルチエンディング(選択肢によってエンディングが変化する)にしたいと思ったので、途中の選択肢と複数のエンディングを用意しました。

選択肢による変化をつけるためには変数の設定が必要になってきます。

変数の設定の仕方が分かるとゲームが作りやすくなると思いますので、今回はそこを重点的に話します。

怨菓子はチャートにすると以下のようになってます。(クリックで拡大します。)

フローチャート

シーンは「自宅」「学校1、2」「公園1、2」「駅1、2、3」「3種のエンディング」となってます。

ティラノビルダーの画面で見るとこんな感じ。

ティラノビルダー画面

フローチャートで箇条書きになっているのが変数ですね。

設定する変数項目は以下のようになっています。

  • 学校、駅前、公園の各シーン変数(各シーンのクリア判別のため)
  • シーンクリア変数(何パターンのシーンをクリアするとEDに向かうかの判別のため)
  • 満腹変数(どのEDに向かうかを判別するため)
  • 写真変数(写真を持ってるかどうかを判別するため)

こうやって図にすると自分でも「こんなことやってたのか…」と思いました。(笑)

このくらいであればこんな図にしなくてもなんとか作れます。大丈夫です。

各シーン、シーンクリア、満腹の変数は分かりやすいかと思うのですが、ちょっと変わっている分岐ポイントは「写真の有無」「駅前3にたどり着くかどうか」です。

 写真を持っていると嘘を付いた時

写真のシーン

公園1のシーンにたどり着いた時、モカにてとらの写真の有無を聞かれますが、公園より先に駅前に行き、カイに餃子券を渡していないと写真はGETできない仕組みになっています。

この時、選択肢にせず写真変数を自動で判別して「持っているシーン」と「持っていないシーン」に分岐しても良かったのですが、「持ってないのに、持ってると嘘を付ける」という遊びの選択肢を加えました。(「持っているのに、持っていないと嘘を付く」こともできます。)

こういう遊びがあると、あの時嘘を付いていたらどうなっていたんだろう?とプレイヤーは気になりますね。

この選択肢を入れた場合、選択肢を選んだ後に変数判別の仕組みを入れる必要があります。フローチャートと以下の変数の設定を参考にしてください。

アイテムを物語に登場させたい時は、それぞれの変数を作っていくことで所持の判別が可能になります。

写真変数設定1

餃子券とてとらの写真を引き換えるシーン。

写真変数設定2

モカに写真の有無を聞かれるシーン。

  駅前3で「テンに出会う」は裏ステージ

テンのシーン

駅前3に行くためには、公園1、学校1、駅前1の3シーン回る前にもう一度駅前に行く必要があります。

EDに向かう条件が「シーンクリア変数が6以上」のため、3シーン回ってしまうとシーンクリア変数が6になってしまい、EDに向かってしまって駅前3には行けない仕組みになっているのです。

(しかも公園と学校は2度行ったところで「ここにはもう用事はないな」となるので、駅前も何もないだろうと思いがち。)

ですので、例えば「駅前1→学校1→駅前3→公園1」のように回らねばテンには会えません。

駅前3に行く2

ポイントは他の各シーンのシーンクリア変数は通常+2のところ、駅前3のシーンクリア変数が+1になっているところです。こうすることで、途中、駅前3を通過したところでシーンクリア変数は3または5になり、EDには向かわず、全てのシーンを見ることができます。

駅前3に行く

ちなみに、分岐は増やしすぎるとストーリーもどんどん複雑になっていくので、上手く分岐が収束していく箇所を作りましょう。話が噛み合わなくならないように注意です。

てとらアイコン2 あとはひたすらいじってみよう!

こういう風に書くとなんだか難しそうに見えてきますが、いじってみると大体理解できると思います。

私が怨菓子を作った時はとにかく変数設定で苦戦したので、少しでも参考になれば幸いです。

あ、あとクリア後は変数の数値を全て0にするのを忘れずに!2週目をプレイする時に突然EDに飛んだりします(笑)

変数を0に

とにかく最初は公式サイトの使い方を見ながら簡単なゲームをひとつ作ってみるといいと思います。

完成したらぜひ作品を見せてくださいね♪

カイアイコン  絵が描けなくても大丈夫!背景やイラストはフリー素材を利用しよう♪

ティラノビルダーにはデフォルトで背景などのフリー素材が入っています。

ゲームを作る際はこれらを利用する他、自作したり、フリーで素材配布しているサイトを利用してみましょう。

利用規約はよく読み必ず守って使用してくださいね。

今回は怨菓子に使用したフリー素材サイトをご紹介します。

背景素材:きまぐれアフター

音楽素材:Music-Note.jp

     株式会社ピクセル

それでは皆さんも良いティラノビルダーライフを!!

イベント出展の際に役立つTips(事前準備編)

2018年8月27日 at 11:35 PM

Tipsタイトル

てとらアイコン2 イベントには何を用意していけばいいの?

ここ最近、デザフェスなどのイベントに年3〜4回くらいは出させて頂いてるおかげで、出展の際に何を持っていけば良いのか?何を用意すれば良いのか?ということが大体固定化されてきました。

自分たちのメモ用も兼ねてTipsをまとめましたので、これからイベントに出てみよう!という方にも参考になればと思います!

ブースの作り方自体はこちらの記事「目立って見やすいデザフェスブースの作り方!」にまとめてありますので、そちらも御覧くださいね♪

  商品とお金の管理はSquareで!

イベントで高額の商品を販売する時、クレジットカードが使えるとお客さんは便利ですよね。

また、それほど高額の商品でなくてもイベント後半で現金がなくなって買えない…なんてこともあるかもしれません。

そこであると便利なのがSquareです。

ポケットサイズのIC カードリーダーで、WiFiまたは、4GやLTEなどのモバイルネットワーク通信で使用できます。

スマホやタブレットのイヤフォンジャックに挿して使用するもので、価格は4,980円(税込)です。(2018/08/27現在)

Square筐体と専用アプリを使用することでお客さんはカードの利用が可能になりますし、POSレジとして使用できますので商品の管理も同時にできるようになります。

詳しくはSquareのページでご確認ください!

お釣りはいくら用意する?

販売する商品価格にもよりますが、うちはいつも2万円用意しています。

5000円×1枚

1000円×10枚

500円×4枚

100円×27枚

50円×5枚

10円×5枚

くらいの内訳です。100円と1000円札は多めにあるといいと思います。

50円が紛らわしい場合は商品価格を100円単位で設定するのも手ですよ。

さぼってん POPや値札はラミネーターがあると便利♪

ラミネート

宣伝POPや何度も使いたい値札などはラミネートしておくと丈夫になり見栄えもします。

1回使用するとボロボロになりがちな紙類の折れたり濡れたり破れたりということが防げますので、保管しておけば次回のイベント時に使い回せるのもよいですね。

私が使用しているのはこのラミネーターです。

◆アイリスオーヤマ ラミネーター A4 LTA42E

今は新型が出てました。

◆アイリスオーヤマ ラミネーター 省スペース A4 LTA42W ホワイト/グレー

A4サイズで十分だと思います。小さい値札などは複数個並べて一気にラミネートしてしまいましょう。

Sold outは複数作っておくと便利です。あと名刺横に置くTake Freeなどがあると良いと思います。

ラミネートできないものは裏打ちする

ラミネート機以上のサイズのものや、1回しか使わないけど破れにくくしたい場合などは裏打ちすることをオススメします。

印刷物の裏側4辺ギリギリにガムテープを貼りましょう。これをするだけである程度丈夫になって掲示しやすくなりますし、ラミネートと違って大判のものは丸めることもできます。

コピー用紙などの薄くてコシのない紙に特に有効です。

裏打ち

さぼってんgirl 火災NG!大判の防炎布を用意!

防炎布とは難燃性の布のことです。

最近イベントでは火災事故に備えて規制が厳しくなっています。

自分たちは火を使っていないから大丈夫と思わず(他から燃え移る可能性もあります)、テーブルに敷く布は少し高くても防炎布を用意するようにしましょう。

2枚持っていると、1枚はテーブルクロスに、もう1枚は一時的にブースを空ける時や1日目終了の際商品の上に掛けて隠す用に使えます。

イベントによっては防炎布でも防炎タグが付いていないとダメ、ということもある様です。確認して購入しましょう。

 机の裏側を整理しよう☆

マスキングテープやマジックなど頻繁に使うものはすぐに取り出せるように整理しておくと作業がスムーズになります。簡単なのは100円均一で売っているウォールポケット。机の裏側にセットしておくと細々したものを収納できて便利です。

私達は普通のウォールポケットを使っていますが、こういったイベント用に作られたポケット付き敷き布「あの布」も良さそうです。防炎布で作られたものもあります。

(ウォールポケットは安くて良いのですが、机の設置が少々めんどくさいと言いますか、テープでの貼付けだと耐荷重がそんなにありません。敷布を兼ねていると落ちなくて便利そうですね!)


または以前「真夏のデザインフェスタ2018レポート」の記事でも紹介しました東京チャネルデザインさんが卓下什器を扱っているので、こういったものを使って在庫も含めて整理するのも良さそうです。

しぃるアイコン2  お品書きを書いて新商品をわかりやすく!

新商品と値段を1枚の紙にまとめてみましょう。

どれが今回のイベントの新商品なのか分かりやすくなります。

イベントの1週間前くらいまでに作成してSNSやブログで宣伝すると効果的です。

(出展ブースが数多くある場合は会場入口からブースまでの地図も一緒にあると尚良いです!こちらは当日の掲示は不要ですが。)

過去に作ったお品書きはこんな感じです。屋号、イベント名、ブースNoも入れておくと親切ですね。

お品書き

ポップアンドパネルスタンドで卓上に飾って置くと目立ちます。

売り切れたらSOLD OUT札をお品書きに貼っていきましょう!

cona  まとめ

簡単なTipsをまとめました!

また何か思いついたらまとめようと思います。

ご質問などありましたらTwitterでお気軽にお声がけくださいね♪

それでは!

さぼってんgirl 関連記事

真夏のデザインフェスタ2018レポート

2018年8月8日 at 11:43 PM

ブース

cona  今回も無事終了!

真夏のデザインフェスタが無事に終了しました!

いつも遊びに来てくださる方、今回初めて来てくださった方、ありがとうございます♪

今年は猛暑でしたが、運営の方が頑張って冷房を入れてくれていたおかげで会場内は快適に過ごすことができました!

さぼってん 今回はさぼってんグッズ多めでした!

さぼってんTシャツ

たからもの巾着

Tシャツはさぼってんや一言が気になるのか、「いっかいやすみ…さぼってん…」と声に出して通り過ぎて行く方が続出(笑)

残りもグリーン1枚のみとなりました!

さぼってんのたからもの巾着も大人気で、こちらは完売!

小さめサイズが好評でした。皆さんたからものをしまってくださいね〜♪

こんなところにもさぼってん

こんなところにもさぼってんが!

 マグカップ専用什器をつくってもらった!

マグ什器

そして今回久しぶりに6種揃えて前に出したのがひょっこりマグカップ!

こちらのマグを乗せている什器、東京チャネルデザインさんのプレゼント企画で当選しまして、ひょっこりマグカップ専用に作ってもらったんです!

マグをテーブルに普通に並べると、どうしてもお客さんの視線からだと柄がよく見えずいつも悩んでいたので、こちらの什器は柄が見えるように2段目を斜めに設計してもらいました!

おかげでこの通り柄がとても良く見えて大満足です♪ 厚紙で組み立て式なので、持ち運びも楽ちん!本当にありがとうございました!

細かい要望にもとても柔軟に対応して頂けるので、手作り作家さんで什器やディスプレイにお困りの方はオススメです!

東京チャネルデザインホームページ

東京チャネルデザインTwitter:@TokyoChannelD

(以前目立って見やすいデザフェスブースの作り方という記事をUPしましたが、またTIPSがたまってきたので第二弾も書きたいな〜と思っております!)

 

 今回の壁らくがき

ダンスホール

真夏のデザフェスに突如現れたダンスホール。

ポスター

壁に貼ったポスターは直貼りだったので、周りに額を付けました♪

 

てとらアイコン2 次回は秋のデザフェスでお会いしましょう♪

11月に開催される秋のデザフェスにも無事に当選しておりますので、次回また東京ビッグサイトにてよろしくお願い致します!

ブースNoなど詳細はまた決まり次第Twitterやブログでご案内しますね。

ご感想やこういうグッズ欲しい!こういうイラスト見たい!などのご要望、その他なにかありましたらお気軽にお声がけくださいねー!!