*

ティラノビルダーとmonacaを使った初心者向けゲームアプリ開発が簡単

公開日: : 最終更新日:2017/04/12 アプリマーケティング , , ,


LINE facebook twitter g+
B! pocket Evernote 楽天


家電&カメラ タイムセール/バーゲン会場/クーポン配布はこちら。
Amazonでクーポンをもらう

【Amazonファッション】在庫一掃セール開催中!
メンズ・レディースを見る

monacaでアプリ
ノベルゲームを作ってみたい。ティラノビルダーはそんなゲーム開発者を目指す人にやさしい開発ツールです。swiftや言語を学習せずとも制作などアプリ作成が簡単にできます。

こんにちは、ゲーム大好きカグア!です。

本記事では、スクリプトを覚えること無くノベルゲームが作れますティラノビルダーについて解説します。初歩的な使い方のガイドになればと思います。スクールに通わずとも個人で簡単に作れるようになったものです。

関連記事
>>ティラノビルダーで条件分岐と変数を使ったループのサンプルと解説
>>副業アプリ開発者は必須!PRに役立つAndroider公認制度やPR媒体9選
>>カグア!のAndroidアプリが完成したわ、さぁダウンロードするのよ!

ティラノビルダーの基本

ティラノビルダーとは

ティラノビルダー

シケモク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サービスを使ってアプリ化を行うことにします。さまざまな開発環境がありますが、いずれも無料で利用でき、特別なティラノビルダー以外の開発環境が不要なところが魅力です。

  1. ティラノビルダーでゲーム制作
  2. ティラノビルダーで書き出し
  3. monacaにアップロード
  4. monacaで書き出し

これで、上図のように簡単にゲームアプリ制作ができます。

なお、ティラノビルダーもmonacaも、無料で使え商用利用も認められており、本当に感謝です。

ティラノビルダーの使い方

すみれ
ティラノビルダーって凄いですね。

カグア!
そうだね。多くのノベルゲーム開発ツールがあるけれど、チュートリアルも含め、ここまでとっつきやすく奥の深いツールは稀有といえるだろうね。

すみれ
すでにゲームがたくさん作られてるんですね。

カグア!
iPhoneやAndroidのゲーム開発にも使えるところも人気の秘密だろうね。

すみれ
アプリ!作りたくなってきました。

カグア!
よし、それでは早速ティラノビルダーの使い方を紹介していこう。前述のサイトからダウンロードして、起動してくれたまえ。

すみれ
わかりました!

それでは、上記サイトからティラノビルダーをいただき、さっそくティラノビルダーを使ってみましょう。

ティラノビルダーの基本画面

ティラノビルダーでは以下のような画面構成になっています。
ティラノビルダーの使い方の基本

基本的には画面左にあります演出やメッセージなど、ノベルゲームに必要なコンポーネントを、画面中央にドロップし、ストーリーを作っていきます。そして、それぞれの細かな設定は画面右側で行う、という流れになっています。

ティラノビルダーのシナリオは基本的に上から流れる構成になっています。ですから、単純なストーリーであれば、上から順々にキャラやメッセージを配置していけば、ノベルゲームができます。

ゲームアプリ開発のチュートリアル

新規プロジェクトの作成

ティラノビルダーを起動しましたら、まずは「+新規プロジェクトの作成」をクリックし、ノベルゲームの枠組みを作ります。

プロジェクトとは、キャラなどの素材やシナリオなど、ノベルゲームに必要はすべてを保存するもっとも基本となるファイル群のことです。

プロジェクト(アプリ)の名前を半角英数字で入力します。
ティラノビルダーの使い方

ノベルゲームのパターンを選びます。今回はアドベンチャー形式を選びました。
ティラノビルダーの使い方

画面サイズを選びます。スマホでプレイしやす縦型を選びました。
ティラノビルダーの使い方

設定を選び、「プロジェクトを作成」をクリックします。
ティラノビルダーの使い方

これで、プロジェクトが完成しました。ここに素材やシナリオなどを、どんどん保存していきます。

実際のプロジェクトファイルは、ティラノビルダーのフォルダ内に生成されていきます。
ティラノビルダーの使い方

では、次にティラノビルダーの基本について解説します。

ノベルゲームのサンプル作成

それでは、まずは以下に背景素材とキャラを用意しました。こちらを使って、簡単なキャラ登場とメッセージ表示をさせてみましょう。
>>サンプル画像素材

背景の配置

「背景イメージ」をクリックします。画面右に表示されます「ファイル選択」をクリックします。
ティラノビルダーの使い方

「Choose file」をクリックし配置したい背景画像を選択します。読み込んだ画像をダブルクリックしますと確定します。
ティラノビルダーの使い方

「保存」をクリックし一旦保存します。そして、再生ボタンをクリックしてみましょう。設定した背景が配置されたプレビューが表示されます。
ティラノビルダーの使い方

このように、ティラノビルダーでは変更を加え保存し、プレビューする、というのが基本的な流れになります。しっかり慣れていきましょう。

キャラクターの配置

キャラクターを配置するためには、まずキャラを登録する読み込みを行います。画面右上のキャラクター管理から行います。
ティラノビルダーの使い方

コンポーネントから「キャラクターを登場」をシナリオにドロップします。その後、画面右の詳細設定でキャラクターを選びます。
ティラノビルダーの使い方

保存してプレビューしてみましょう。キャラが配置されメッセージが表示されました。
ティラノビルダーの使い方

メッセージの変更

メッセージはシナリオ内に書いていきます。#をつけますとキャラ名として認識されます。非表示にしたいときは#だけにしてください。
ティラノビルダーの使い方

メッセージ内で改行するごとに、ゲーム上ではクリックポイントになります。保存してプレビューしてみましょう。

素材さえ用意してあれば、このようにドラッグ&ドロップの操作だけで簡単なゲームアプリの基本が開発できます。

monacaでアプリ化

それでは早速、このノベルゲームをティラノビルダーで出力し、スマホアプリにしてみましょう。

スマホアプリにするには、ティラノビルダーだけでも出来るのですが、今回はmonacaというハイブリッドアプリ作成Webサービスを使ってみます。
monaca

monacaは無料から使えるアプリ開発Webサービスです。すでに多くの開発実績があり、ナショナルブランドのアプリなども多くリリースされている安心のツールです。ぜひユーザー登録し使ってみてください。
>>Monaca – HTML5ハイブリッドアプリ開発プラットフォーム

それではさっそく、スマホアプリ化をしてみましょう。

ティラノビルダーで出力

保存したプロジェクト画面で、「ゲーム書き出し」をクリックします。ブラウザゲームを選びます。
ティラノビルダーの使い方

「ブラウザゲーム」で出力します。

ティラノビルダー本体だけでもアプリに必要なデータは書き出しができます。ただ、書き出し後、MacやAndroidStudioなどアプリの開発環境が必要になるため、本記事ではブラウザだけでアプリ開発できるmonacaを使っています。

monacaの無料版では容量が100MBまでのアプリ、という上限がありますのでご注意ください。音声や大きな画像などに留意。

書き出し後は、指定したフォルダ内に出力されます。
ティラノビルダーの使い方
※書き出し時にぐるぐるが終わらなくとも、小さいアプリであればすぐに書き出しが終わりますので、ティラノビルダーを強制終了して確認可能です。

monacaにアップロード

monacaにログインします。monacaで新規プロジェクトで「最小のアプリ」を作成します。
monacaの使い方

プロジェクトを開きアップロードします。以下の4つのファイルをアップロードします。

  • dataフォルダ
  • tyranoフォルダ
  • index.html
  • novel_sound.swf

monacaの使い方

もともとあるindex.htmlを上書きしますか?とメッセージが表示されますが、上書きします。

メディアプラグインを追加

設定>cordovaプラグインの管理 から、Mediaプラグインを有効にします。
monacaの使い方

index.html へコード追加

開いているindex.html を一度閉じて、ふたたびindex.html をダブルクリックで開きます。すると、アップロードしたindex.html に変わります。
monacaの使い方

こちらから改修するコードをコピーしてきます。
>>・monacaのメディアプラグインを導入する: 「monaca」を使って、Androidに対応したアプリを開発するブログ

そのうえで、以下に貼り付けして上書きします。
monacaの使い方

これでmonacaでの、ティラノビルダー出力コードの改修は終了です。

実機でプレビュー

monacaはiPhoneやAndroidなどの実機でプレビューできるアプリをリリースしています。あらかじめインストールしておきます。
>>Monacaを App Store で
>>Monacaデバッガー – Google Play の Android アプリ

monaca画面で、「実機デバッグ」をクリックします。
monacaの使い方

そしてiPhoneなどのスマホ側で、monacaデバッガーのアプリを起動します。すると、同期が始まりブラウザ版monacaで制作したゲームアプリが起動できるようになります。

実際にmonacaアプリでプレビューを再生してみます。来ました! ほんと簡単にノベルゲームのゲームアプリ開発ができましたね!
monacaでゲーム作った

ティラノビルダー&monacaで、簡単にアプリ制作ができます。作者や関係者のかたがたには本当に感謝です。

基本的なゲームアプリ開発の流れをご理解いただき、あとはそれぞれのアプリの使い方について学習を深めていただければと思います。

お疲れ様でした。

おすすめ書籍

TYRANOSCRIPTではじめるノベルゲーム制作―フリーで使える「アドベンチャー・ゲーム」制作ツール (I・O BOOKS) | シケモクMK

TYRANOSCRIPTではじめるノベルゲーム制作―フリーで使える「アドベンチャー・ゲーム」制作ツール (I・O BOOKS) | シケモクMK |本 | 通販 | Amazon
Amazonで詳しく見る

ティラノビルダーの元であるティラノスクリプトの書籍です。ティラノビルダーがプログラミング知識無しでアプリ開発できると言いましても、やはりスクリプトの知識がありますとさらに広がります。

Monacaで学ぶはじめてのプログラミング~モバイルアプリ入門編~

monaca
Amazonで詳しく見る

iPhone、Androidのハイブリッドアプリ開発ができますwebサービスのmonaca。monaca本はたくさんあるのですが、他の書籍はONSENUIなど専門的な知識も含めた書籍。ですが、こちらは初心者向けのセミナー本なので、中古本しかないのが難点ですが初心者におすすめです。

ノベルゲームのシナリオ作成技法 第2版 | 涼元 悠一

ノベルゲームのシナリオ作成技法 第2版 | 涼元 悠一 |本 | 通販 | Amazon
Amazonで詳しく見る

開発に慣れてきましたら、シナリオ作りにこだわってみましょう。分岐やフラグなど独自のノウハウがありますよね。

関連情報リンク

Felicidade no olhar "Happiness in the look"
Photo:license by 137717820@N04

開発者であるシケモクさんのブログです。定期チェックしましょう。
>>テーマを一括変換できるプラグインの提供を開始しました。 – シケモクテクノロジー

困ったことがあればコミュニティを検索。
>>【ティラノスクリプト交流掲示板】

毎年盛り上がっています。コメント欄も盛況です。
>>ノベル・アドベンチャーゲーム向けコンテスト「ティラノゲームフェス2017」発表 優勝作には賞金10万円も | ガジェット通信

どんどん目指して欲しいですね。
>>男子小中学生の「将来やりたい仕事」で「ゲームクリエイター」が6位に – もぐらゲームス

ほんとキャラがぬるぬる動きます。凄い。
>>二次元イラストがぬるぬる動く! Live2DでWebGLアドベンチャーゲームを作ろう (1/4):CodeZine(コードジン)

Unityでも使えます。
>>ジョーカースクリプト|Unityで動くノベルゲーム開発環境

ティラノスクリプトを使ってmonacaでアプリ開発をしています。おすすめ。
>>・ゲームを完成させよう!: 「monaca」を使って、Androidに対応したアプリを開発するブログ

monacaでもさまざまなプラグインが使えます。
>>HTML5モバイルアプリ開発プラットフォーム「Monaca」がJINS MEMEアプリ対応 | マイナビニュース

まとめ

ティラノビルダーを使いますと本当に簡単にノベルゲームを作成できます。

>>人気の「ノベルゲーム: 本」最新一覧はこちら。
Amazonで詳しく見る

脱出ゲームなどのアプリでも、ノベルゲームのポジションは色あせていません。みなさんもノベルゲーム開発をティラノビルダーで始めてみませんか。

おすすめですよ。

「著者に感謝。」

関連するほかの記事を見てみよう!
このサイトのトップページへ行く

  • このエントリーをはてなブックマークに追加
  • Pocket

Profile



Yoshihiko Yoshida
フリーのマーケター。Googleアナリティクス公式コミュニティ・アンサリスト最高ランク「レジェンド」国内初獲得。アクセス解析を中心としたコンサルティングや設定、メディア運営に従事。教育システム情報学会会員。元立教大学非常勤講師。主な著書「Googleアナリティクス基礎講座」(技術評論社)。趣味はデジカメとパン作り。>>もっと読む

Instagram

◆代表者略歴 ◆受賞歴
◆おもな著書 ◆TV出演歴
◆新聞掲載歴 ◆雑誌/連載歴
 <<お問い合わせはこちら>>

Facebook

このブログをRSS購読しよう!(無料)

follow us in feedly

よろしければ「いいね」して下さい!

 
PAGE TOP ↑