ノベルゲームを作ってみたい。ティラノビルダーはそんなゲーム開発者を目指す人にやさしい開発ツールです。swiftや言語を学習せずとも制作などアプリ作成が簡単にできます。
こんにちは、ゲーム大好きカグア！です。
本記事では、スクリプトを覚えること無くノベルゲームが作れますティラノビルダーについて解説します。初歩的な使い方のガイドになればと思います。スクールに通わずとも個人で簡単に作れるようになったものです。
関連記事
＞＞ティラノビルダーで条件分岐と変数を使ったループのサンプルと解説
Amazonで詳しく見る
この記事の目次
ティラノビルダーの基本
ティラノビルダーとは
シケモクMK(@shikemokumk)氏が開発していますノベルゲーム開発環境です。ティラノスクリプトという開発言語を、プログラミング知識なしにGUIで制作できる環境にしたものがティラノビルダーです。
すでに多くの利用者がいて、ティラノビルダーで開発されたノベルゲームが広く出回っています。出力はブラウザアプリだけでなく、Windowsアプリ、Macアプリ、iPhone、AndroidなどハイブリッドなHTML5の開発環境となっていることも人気の秘密です。
＞＞制作事例 – ティラノスクリプト｜スマホ対応のノベルゲームエンジン、アプリ化にも対応。
ダウンロード
ティラノビルダーはこちらからダウンロードできます。2017年3月13日現在最新版は、v1.6になっています。無料のスタンダード版があります。
＞＞ティラノビルダー｜ノベルゲーム開発ソフト。スマホにも対応
Pro版で使える機能
すべての機能が使えますPro版は以下からダウンロードできます。Pro版の価格は2000円もしないので、購入をおすすめします。
＞＞ダウンロード｜ティラノビルダー
Pro版では、使えるキャラの数が10に制限されていますなどのスタンダード版の制限がすべて撤廃されます。さらにはたとえば、コンポーネントで使えるようになる機能は以下です。個人的にはコールが強力なので、本当におすすめです。
- コール：リターンで呼び出した場所に戻れるジャンプ
- キャラクター振動：キャラの振動
- 背景ムービー：再生、待ち、停止
- 3Dカメラ：操作、ウェイト、リセット
チュートリアル
わかりやすいチュートリアルも用意されています。キャプチャも多く初心者にもとてもわかりやすい内容になっています。
＞＞使い方＆チュートリアル｜ティラノビルダー
こちらのチュートリアルと、同梱されていますサンプル素材を使いますと、本当に簡単にノベルゲームが作れることが理解できると思います。
コンテストも開催されています。こちらから多くの応募作品を見ることができ、ティラノビルダーの世界の奥深さを感じることができます。
＞＞ティラノゲームフェス参加作品｜TyranoGemeFes2017
monacaもチュートリアルが充実しています。
＞＞開発手順（入門編） – Monaca Docs
ゲームアプリの作り方
本記事では、ノベルゲームアプリのゲーム制作を目指します。
ティラノビルダーでゲーム本体を作り、monacaというアプリ制作Webサービスを使ってアプリ化を行うことにします。さまざまな開発環境がありますが、いずれも無料で利用でき、特別なティラノビルダー以外の開発環境が不要なところが魅力です。
- ティラノビルダーでゲーム制作
- ティラノビルダーで書き出し
- monacaにアップロード
- monacaで書き出し
これで、上図のように簡単にゲームアプリ制作ができます。
なお、ティラノビルダーもmonacaも、無料で使え商用利用も認められており、本当に感謝です。
ティラノビルダーの使い方
それでは、上記サイトからティラノビルダーをいただき、さっそくティラノビルダーを使ってみましょう。
ティラノビルダーの基本画面
ティラノビルダーでは以下のような画面構成になっています。
基本的には画面左にあります演出やメッセージなど、ノベルゲームに必要なコンポーネントを、画面中央にドロップし、ストーリーを作っていきます。そして、それぞれの細かな設定は画面右側で行う、という流れになっています。
ティラノビルダーのシナリオは基本的に上から流れる構成になっています。ですから、単純なストーリーであれば、上から順々にキャラやメッセージを配置していけば、ノベルゲームができます。
ゲームアプリ開発のチュートリアル
新規プロジェクトの作成
ティラノビルダーを起動しましたら、まずは「＋新規プロジェクトの作成」をクリックし、ノベルゲームの枠組みを作ります。
プロジェクトとは、キャラなどの素材やシナリオなど、ノベルゲームに必要はすべてを保存するもっとも基本となるファイル群のことです。
プロジェクト（アプリ）の名前を半角英数字で入力します。
ノベルゲームのパターンを選びます。今回はアドベンチャー形式を選びました。
画面サイズを選びます。スマホでプレイしやす縦型を選びました。
設定を選び、「プロジェクトを作成」をクリックします。
これで、プロジェクトが完成しました。ここに素材やシナリオなどを、どんどん保存していきます。
実際のプロジェクトファイルは、ティラノビルダーのフォルダ内に生成されていきます。
では、次にティラノビルダーの基本について解説します。
ノベルゲームのサンプル作成
それでは、まずは以下に背景素材とキャラを用意しました。こちらを使って、簡単なキャラ登場とメッセージ表示をさせてみましょう。
＞＞サンプル画像素材
背景の配置
「背景イメージ」をクリックします。画面右に表示されます「ファイル選択」をクリックします。
「Choose file」をクリックし配置したい背景画像を選択します。読み込んだ画像をダブルクリックしますと確定します。
「保存」をクリックし一旦保存します。そして、再生ボタンをクリックしてみましょう。設定した背景が配置されたプレビューが表示されます。
このように、ティラノビルダーでは変更を加え保存し、プレビューする、というのが基本的な流れになります。しっかり慣れていきましょう。
キャラクターの配置
キャラクターを配置するためには、まずキャラを登録する読み込みを行います。画面右上のキャラクター管理から行います。
コンポーネントから「キャラクターを登場」をシナリオにドロップします。その後、画面右の詳細設定でキャラクターを選びます。
保存してプレビューしてみましょう。キャラが配置されメッセージが表示されました。
メッセージの変更
メッセージはシナリオ内に書いていきます。#をつけますとキャラ名として認識されます。非表示にしたいときは#だけにしてください。
メッセージ内で改行するごとに、ゲーム上ではクリックポイントになります。保存してプレビューしてみましょう。
素材さえ用意してあれば、このようにドラッグ＆ドロップの操作だけで簡単なゲームアプリの基本が開発できます。
monacaでアプリ化
それでは早速、このノベルゲームをティラノビルダーで出力し、スマホアプリにしてみましょう。
スマホアプリにするには、ティラノビルダーだけでも出来るのですが、今回はmonacaというハイブリッドアプリ作成Webサービスを使ってみます。
monacaは無料から使えるアプリ開発Webサービスです。すでに多くの開発実績があり、ナショナルブランドのアプリなども多くリリースされている安心のツールです。ぜひユーザー登録し使ってみてください。
＞＞Monaca – HTML5ハイブリッドアプリ開発プラットフォーム
それではさっそく、スマホアプリ化をしてみましょう。
ティラノビルダーで出力
保存したプロジェクト画面で、「ゲーム書き出し」をクリックします。ブラウザゲームを選びます。
「ブラウザゲーム」で出力します。
ティラノビルダー本体だけでもアプリに必要なデータは書き出しができます。ただ、書き出し後、MacやAndroidStudioなどアプリの開発環境が必要になるため、本記事ではブラウザだけでアプリ開発できるmonacaを使っています。
monacaの無料版では容量が100MBまでのアプリ、という上限がありますのでご注意ください。音声や大きな画像などに留意。
書き出し後は、指定したフォルダ内に出力されます。
※書き出し時にぐるぐるが終わらなくとも、小さいアプリであればすぐに書き出しが終わりますので、ティラノビルダーを強制終了して確認可能です。
monacaにアップロード
monacaにログインします。monacaで新規プロジェクトで「最小のアプリ」を作成します。
プロジェクトを開きアップロードします。以下の4つのファイルをアップロードします。
- dataフォルダ
- tyranoフォルダ
- index.html
- novel_sound.swf
もともとあるindex.htmlを上書きしますか？とメッセージが表示されますが、上書きします。
メディアプラグインを追加
設定＞cordovaプラグインの管理 から、Mediaプラグインを有効にします。
index.html へコード追加
開いているindex.html を一度閉じて、ふたたびindex.html をダブルクリックで開きます。すると、アップロードしたindex.html に変わります。
こちらから改修するコードをコピーしてきます。
＞＞・monacaのメディアプラグインを導入する: 「monaca」を使って、Androidに対応したアプリを開発するブログ
そのうえで、以下に貼り付けして上書きします。
これでmonacaでの、ティラノビルダー出力コードの改修は終了です。
実機でプレビュー
monacaはiPhoneやAndroidなどの実機でプレビューできるアプリをリリースしています。あらかじめインストールしておきます。
＞＞Monacaを App Store で
＞＞Monacaデバッガー – Google Play の Android アプリ
monaca画面で、「実機デバッグ」をクリックします。
そしてiPhoneなどのスマホ側で、monacaデバッガーのアプリを起動します。すると、同期が始まりブラウザ版monacaで制作したゲームアプリが起動できるようになります。
実際にmonacaアプリでプレビューを再生してみます。来ました！ ほんと簡単にノベルゲームのゲームアプリ開発ができましたね！
ティラノビルダー＆monacaで、簡単にアプリ制作ができます。作者や関係者のかたがたには本当に感謝です。
基本的なゲームアプリ開発の流れをご理解いただき、あとはそれぞれのアプリの使い方について学習を深めていただければと思います。
お疲れ様でした。
おすすめ書籍
ノベルゲームのシナリオ作成技法 第2版 | 涼元 悠一
開発に慣れてきましたら、シナリオ作りにこだわってみましょう。分岐やフラグなど独自のノウハウがありますよね。
TYRANOSCRIPTではじめるノベルゲーム制作―フリーで使える「アドベンチャー・ゲーム」制作ツール (I・O BOOKS) | シケモクMK
ティラノビルダーの元であるティラノスクリプトの書籍です。ティラノビルダーがプログラミング知識無しでアプリ開発できると言いましても、やはりスクリプトの知識がありますとさらに広がります。
Monacaで学ぶはじめてのプログラミング～モバイルアプリ入門編～
iPhone、Androidのハイブリッドアプリ開発ができますwebサービスのmonaca。monaca本はたくさんあるのですが、他の書籍はONSENUIなど専門的な知識も含めた書籍。ですが、こちらは初心者向けのセミナー本なので、中古本しかないのが難点ですが初心者におすすめです。
pixivのBOOTHから、公式ガイドブックも発売されました。
＞＞ティラノビルダー公式ガイドブック – ティラノマーケットスクエア – BOOTH（同人誌通販・ダウンロード）
関連情報リンク
＞＞Amazonで50%OFF以上のタイムセール
セール特設ページを見る
＞＞楽天トラベル国内ツアーのバーゲン情報はこちら
楽天で詳しく見る
開発者であるシケモクさんのブログです。定期チェックしましょう。
＞＞テーマを一括変換できるプラグインの提供を開始しました。 – シケモクテクノロジー
困ったことがあればコミュニティを検索。
＞＞【ティラノスクリプト交流掲示板】
毎年盛り上がっています。コメント欄も盛況です。
＞＞ノベル・アドベンチャーゲーム向けコンテスト「ティラノゲームフェス2017」発表 優勝作には賞金10万円も ｜ ガジェット通信
どんどん目指して欲しいですね。
＞＞男子小中学生の「将来やりたい仕事」で「ゲームクリエイター」が6位に – もぐらゲームス
ほんとキャラがぬるぬる動きます。凄い。
＞＞二次元イラストがぬるぬる動く！ Live2DでWebGLアドベンチャーゲームを作ろう (1/4)：CodeZine（コードジン）
Unityでも使えます。
＞＞ジョーカースクリプト｜Unityで動くノベルゲーム開発環境
ティラノスクリプトを使ってmonacaでアプリ開発をしています。おすすめ。
＞＞・ゲームを完成させよう！: 「monaca」を使って、Androidに対応したアプリを開発するブログ
monacaでもさまざまなプラグインが使えます。
＞＞HTML5モバイルアプリ開発プラットフォーム「Monaca」がJINS MEMEアプリ対応 | マイナビニュース
まとめ
ティラノビルダーを使いますと本当に簡単にノベルゲームを作成できます。
＞＞人気の「ノベルゲーム: 本」最新一覧はこちら。
Amazonで詳しく見る
脱出ゲームなどのアプリでも、ノベルゲームのポジションは色あせていません。みなさんもノベルゲーム開発をティラノビルダーで始めてみませんか。
おすすめですよ。
・・・と、こんな感じの父親目線で、SNS、ドライブ、ゲーム、生活防衛ネタが多めでブログ記事を2009年から書いています。よろしければLINE@をフォローしていただけると更新情報を受け取れますのでおすすめです。記事を気に入ったというかたはぜひ。
・ ・ ・ ・ ・
＞＞安っ！アマゾンで半額以下になっている食品タイムセール
セール特設ページを見る
↓↓↓無料のニュースレターを配信中です
