ティラノビルダー入門:ノベルゲームを最短で作る
遊びをつくる執筆にClaudeを使用しています。

「キャラクターに台詞を言わせて、背景を切り替えて、選択肢を出す」――ノベルゲームの基本構造はシンプルです。しかし、いざゼロからHTMLとJavaScriptで書こうとすると、テキスト表示・立ち絵制御・BGM再生・セーブ機能をすべて自分で実装する必要があり、ゲームの中身を考える前に力尽きてしまいます。ティラノビルダーは、その実装コストをほぼゼロにするために設計されたノベルゲーム専用の制作ツールです。 ティラノビルダーはGUI(グラフィカルな操作画面)でシナリオを組み立て、書き出したファイルをそのままブラウザで動かせる形式で出力できます。プログラミングの知識がなくても、シナリオとグラフィック素材さえ用意すれば動くゲームを作れる点が最大の特徴です。この記事では、ティラノビルダーの選択基準・基本的な制作の流れ・つまずきやすいポイントを順に説明します。
ティラノビルダーを選ぶ理由と選ばない理由
ノベルゲームを作るツールは複数あります。その中でティラノビルダーを選ぶ根拠と、選ぶべきでないケースを最初に整理しておきます。
向いているケース
- コーディングより物語やキャラクターの設計に集中したい
- 完成物をブラウザで公開したい(HTMLとして書き出せる)
- 将来的にスマートフォンアプリとして配布することも検討している
- 選択肢分岐・フラグ管理・BGM再生といった標準的なノベルゲーム機能を使いたい
向いていないケース
- アクション要素や計算処理を大量に組み込みたい
- 独自のUI・演出システムを一から設計したい
- すでにTyranoScript(ティラノビルダーの内部スクリプト言語)の書き方を知っていて、GUIは不要だと感じている
後者の場合は、同じティラノシリーズでも「TyranoScript」をテキストエディタで直接書くスタイルが効率的です。ティラノビルダーはあくまでGUIで操作することで速度を出すツールなので、スクリプトを細かく制御したい段階になったらそちらへ移行する選択肢もあります。
制作を始める前に準備するもの
ティラノビルダー本体のインストール方法は公式サイトで確認できます。無償版と有償版があり、機能の範囲が異なります。最新の条件は公式サイトで確認してください。
ソフトウェア以外に、制作前に用意しておくべき素材と資料は次の通りです。
- シナリオ原稿:台詞・地の文・選択肢の分岐条件を書いたテキスト。ゲームに組み込む前に、プレーンテキストや文書ソフトで全体像を書き切っておくと作業がスムーズになります。
- 背景画像:横長(一般的には1280×720px前後)のJPEGまたはPNG。場面の数だけ用意します。
- 立ち絵(キャラクター画像):背景が透過されたPNG。同じキャラクターで表情違いを複数用意すると演出の幅が広がります。
- BGM・効果音:MP3またはOGG形式が扱いやすいです。
素材がまったくない状態でも、ティラノビルダーには初期のサンプル素材が含まれているため、操作を覚える段階ではそれを使って構いません。ただし公開するゲームに他者の素材を使う場合は、ライセンスを必ず確認してください。
基本的な制作の流れ
1. プロジェクトを作成する
ティラノビルダーを起動したら「新規プロジェクト」を作ります。プロジェクト名と保存場所を決めるだけです。この時点でフォルダ構造が自動生成され、素材を置く場所(bgimage、fgimage、bgmなど)が決まります。素材は後からこのフォルダへドラッグするだけで認識されます。
2. シーンを追加してテキストを流し込む
プロジェクトを開くとシナリオエディタが表示されます。「シーン」はひとつの場面の単位です。シーンの中に「テキスト表示」「背景変更」「キャラクター表示」「BGM再生」「選択肢」などのコマンドブロックをGUIで並べていきます。
テキスト表示ブロックに台詞や地の文を入力するのが基本操作です。シナリオ原稿をあらかじめ用意しておくと、このコピー&ペースト作業が速く進みます。
3. 背景・立ち絵・音声を設定する
各コマンドブロックのプロパティで素材ファイルを選択します。背景は「背景変更」ブロック、立ち絵は「キャラクター表示」ブロックで制御します。立ち絵の表情違いは別ファイルとして用意しておき、台詞に合わせて切り替えるコマンドを挿入します。
BGMは「BGM再生」ブロックで開始し、シーンをまたいでも継続するかどうかをプロパティで設定できます。
4. 選択肢と分岐を作る
「選択肢」ブロックに選択肢のラベルを入力し、それぞれの選択後に移動するシーンを指定します。フラグ(変数)を使えば「AルートとBルートの両方を通った場合だけ特定のシーンへ進む」といった複雑な条件分岐も実現できます。ただし変数を多用する場合は、どの変数がどの条件で使われているかを別途メモしておかないと管理が破綻しやすくなります。
5. プレビューして調整する
ビルダー上部の「プレビュー」ボタンを押すとブラウザでその場で動作確認できます。台詞のタイミング・立ち絵の位置・BGMの音量などを確認しながら繰り返し調整します。
6. 書き出して公開する
「書き出し」メニューからHTML形式で出力します。生成されたフォルダ内のindex.htmlをブラウザで開くと動作します。このフォルダをZIPにまとめてアソバースに投稿すれば、ブラウザ上でそのまま公開できます。
つまずきやすいポイントと対処法
立ち絵が表示されない:ファイル名の全角・半角、大文字・小文字の違いが原因であることが多いです。素材ファイルは半角英数字のみのファイル名に統一する習慣をつけると問題が減ります。
選択肢後の流れが意図した通りにならない:移動先のシーン名を誤って指定しているケースがほとんどです。シーン名は自動生成された文字列になる場合があるため、作成直後に分かりやすい名前に変更しておくと管理しやすくなります。
BGMが途切れる・重なる:シーン移動のたびにBGM再生ブロックを置いていると、前の音楽が止まらないまま次の音楽が重なります。BGMを止めたい場所に「BGM停止」コマンドを明示的に入れるか、同じBGMを継続させるオプションを確認してください。
セーブ機能が動かない:ティラノビルダーの書き出しファイルはローカルのブラウザ環境でセーブデータを保持します。公開環境によっては動作が異なる場合があるため、実際の公開先での動作確認が必要です。
次の行動
まずシナリオの第1シーンを文書ソフトに書き出し、登場人物・背景の場面数・選択肢の数を確定させてください。素材の準備と並行してティラノビルダーの無償版をインストールし、サンプルプロジェクトを動かして操作に慣れるところから始めると最初の一歩が軽くなります。ゲームが動く形に仕上がったら、ZIPにまとめてアソバースへ投稿することでブラウザ上での公開と共有が可能です。
参考資料
- ティラノビルダー公式ドキュメント(シラノワークス)
- TyranoScript リファレンスマニュアル(シラノワークス)

