ティラノビルダー PROでスマホ用のゲームを作ってみる?意外に簡単!
ティラノビルダー PROを買ってみました。
買ってから随分経ってしまったのですが、
今年こそは!と思い、ゲームを作ってみたいと思います。
せっかくなので、たくさんの人に遊んで貰える(?)

スマホ用のゲームを制作してみたいと思いました
調べてみると、ティラノビルダーで広告をつけて、
ゲームを公開している方もいらっしゃったので、
作ってみようと思いました。
でも、なかなかゲーム制作って大変なので、
モチベーションが続かないですよね。
今回は、公式サイトのチュートリアルを参考に
基本的なところを作ってみたいと思います。
Contents
最初の準備
今回、ティラノビルダー PROを購入したので、使ってみました。
2023年2月現在、Ver2.04bが最新です。
一度購入すると、最新版が使えるのでお得ですよ。
無料版もあるので、購入する前に試してみるとよいですよね。
ダウンロードが完了したらzipファイルを解凍しました。
思ったよりサイズが大きくて、解凍の時間がかかりました。
解凍したフォルダの中の「tyranobuilder.exe 」をダブルクリック。
実行すると、画面が表示されました。
ゲームプロジェクトの作成
新規プロジェクト作成
「新規プロジェクト作成」ボタンをクリック。
新しくプロジェクトを作成する
プロジェクト名を半角英数字で入力します。
公式のチュートリアルに習って、今回は「mygame」という名前をつけました。
「次へ」をクリック。
ゲームのタイプの選択
ゲームのタイプを選択。
今回は「アドベンチャー形式」を選択しました。
「次へ」をクリック。
画面サイズの選択画面
スマホ用に作ってみたいので、今回は、「たて型(640×960)」を選択しました。
「次へ」をクリック。
ゲームの設定
チェックを付けず、進めました。
「プロジェクト作成」ボタンをクリック。
ゲームのプレビュー
右上にある、プレビューボタンをクリック
ウィンドウが立ち上がって、ゲームが始まりました。
このプレビュー機能で実際の動作を確認していきます。
ここまでは簡単ですね。
シナリオの編集と追加
実際のシナリオを変更してみます。
テキストの削除
中央のすでに存在するテキストを削除します。
テキストの右上にある☓ボタンをクリック。
テキストが消えました。
このようにテキストは簡単に消えますね。
テキストの追加
左エリアから、 テキストコンポーネントをシナリオエリアにドラッグ&ドロップ
テキストの枠が追加されましたね。
チュートリアルのテキストを使わせてもらいます。
とある木曜日の昼休み。
私は昼食を食べ終え、適度な眠気を感じていた。
ふぁぁ、ねむい。。。。。
一眠りするか。
机に突っ伏して、夢の世界へ落ちようとしていた
その時
#?
大変!大変!
#
びく!
編集したので、右上の保存ボタンをクリック
セーブ後、プレビューボタンをクリック
入力したテキストが表示されましたね。
ちょっとゲームらしくなりました。
でも、まだキャラクターが表示されていないので、さみしいですね。
キャラクターを追加
今回は、ティラノビルダーの公式サイトから画像をダウンロードします。
zipファイルなので、解凍します。
キャラクター登録します。
右上のキャラクター管理ボタンをクリック。
チュートリアルの設定通りに
テキストボックスに「ゆうこ」とキャラクター名を入力して「追加」ボタンをクリック。
ダウンロードした画像をドラッグ&ドロップで登録。
画像が設定されました。
キャラクター登場
せっかく登録したキャラクターを登場させたいと思います。
左エリアから「キャラクター登場」の箇所からドラッグ&ドロップ
テキストの後ろに挿入しました。
キャラクターが空欄なので、「ゆうこ」にします。
セーブしてプレビューします。
キャラクターが表示されたのですが、
スマホの縦向き用の画像ではないので、
メッセージと重なっていますね。
画像を調整したいと思います。
今回は、1.5倍に画像を拡大してみました。
先ほどよりましになりましたね。
キャラクターの画像は大きめに作った方がよいですね。
背景画像も縦横比がなんか違う気がします……
こちらについては、今後考えます。
キャラクターの表情を変更
せっかくなので、キャラの表情を変更したいと思います。
今回もチュートリアルのテキストを使わせてもらいます。
なんだ、ゆうこか。どうしたの?
#ゆうこ
なんだじゃないよ!大変なんだよ!
こちらの文章をテキストに追加します。
さらに「キャラクター変更」をドラッグ&ドロップで追加。
「ファイル選択」をクリック
変更したい表情を選択します。
プレビューしてみます。
表情が変更されました!
簡単ですね。
場面(背景)の変更
同じ背景ばかりではゲームとは言えませんね。
背景を変更したいですよね。
場所が変わると背景も変更した方がよいですね。
公式サイトよりテキストをお借りしました。
ここじゃ、まずいから廊下に移動しよう。
#
わかったよテキストを追加。
左のエリアから「背景変更」を後ろに追加。
右欄の「ファイル選択」をクリック。
背景画像を選択します。
追加したい場合は、ドラッグ&ドロップで背景画像を追加してくださいね。
既にあった廊下の背景画像を選択しました。
背景切り替えの演出
切り替えの時間も設定できます。
切り替えの演出もたくさんあるので、悩んでしまいますね。
ここからプレビュー
ゲームをいつも最初からプレビューするのは疲れてしまいます。
変更した箇所からプレビューできますよ。
テキストのエリアから右クリックすると
「ここからプレビュー」ができます。
背景が廊下の画像で表示できていますね。
ゲーム制作に使える人気のある素材は?
自分ですべてキャラクターの画像や背景画像、音素材を作るのは大変です。
無償でももちろんありますが、他の人とかぶってしまう可能性が高いですね。
どれか一つでも有償素材を購入して使ってみるとよいかもしれません。
立ち絵(キャラクターの画像)
キャラクターの画像が110円~から購入できますね。
著作権フリー素材 URIM 立ち絵ジェネレーター vol.01 (通常版)
【立ち絵素材】現代人まとめ (女子生徒・男子生徒・一般女性・一般男性・少女)
背景画像
最後に
公式サイトのチュートリアルの通りにしたので簡単でしたね。
スマホ用の縦向き画面なので、
キャラクターの画像などは、ちょっと考えないといけませんでした。
背景画像も画面サイズに合わせて制作しないといけないですね。

いろいろ考えると、横向きの画面の方がよいかもしれません
実際に自分で作ろうとなると、キャラクターの画像や背景画像、BGMなど
用意しないといけないですね。
自分ですべて作ろうとするとすごく大変なので、
DLsiteなどで有償ですが素材を購入してもよいかもしれません。
そうすると、自分はシナリオや演出だけ考えればよいので、
最初のハードルは低く、ゲームを完成することで自信がつくと思います。