ティラノビルダー PROでスマホ用のゲームを作ってみる?意外に簡単!

本サイトはプロモーションが含まれています

ティラノビルダーpro00

ティラノビルダー PROを買ってみました。

買ってから随分経ってしまったのですが、

今年こそは!と思い、ゲームを作ってみたいと思います。

せっかくなので、たくさんの人に遊んで貰える(?)

スマホ用のゲームを制作してみたいと思いました

調べてみると、ティラノビルダーで広告をつけて、

ゲームを公開している方もいらっしゃったので、

作ってみようと思いました。

でも、なかなかゲーム制作って大変なので、

モチベーションが続かないですよね。

今回は、公式サイトのチュートリアルを参考に

基本的なところを作ってみたいと思います。

最初の準備

今回、ティラノビルダー PROを購入したので、使ってみました。

2023年2月現在、Ver2.04bが最新です。

一度購入すると、最新版が使えるのでお得ですよ。

無料版もあるので、購入する前に試してみるとよいですよね。

ダウンロードが完了したらzipファイルを解凍しました。

思ったよりサイズが大きくて、解凍の時間がかかりました。

解凍したフォルダの中の「tyranobuilder.exe 」をダブルクリック。

実行すると、画面が表示されました。

ティラノビルダーpro01

ゲームプロジェクトの作成

新規プロジェクト作成

新規プロジェクト作成」ボタンをクリック。

ティラノビルダーpro39

新しくプロジェクトを作成する

ティラノビルダーpro02

プロジェクト名を半角英数字で入力します。

公式のチュートリアルに習って、今回は「mygame」という名前をつけました。

次へ」をクリック。

ティラノビルダーpro03

ゲームのタイプの選択

ゲームのタイプを選択。

今回は「アドベンチャー形式」を選択しました。

次へ」をクリック。

ティラノビルダーpro04

画面サイズの選択画面

スマホ用に作ってみたいので、今回は、「たて型(640×960)」を選択しました。

次へ」をクリック。

ティラノビルダーpro05

ゲームの設定

チェックを付けず、進めました。
プロジェクト作成」ボタンをクリック。

ティラノビルダーpro06

ティラノビルダーpro07

ゲームのプレビュー

右上にある、プレビューボタンをクリック

ティラノビルダーpro08

ウィンドウが立ち上がって、ゲームが始まりました。
このプレビュー機能で実際の動作を確認していきます。

ティラノビルダーpro09

ここまでは簡単ですね。

ティラノビルダーpro10

シナリオの編集と追加

実際のシナリオを変更してみます。

テキストの削除

中央のすでに存在するテキストを削除します。

テキストの右上にある☓ボタンをクリック。

ティラノビルダーpro11

テキストが消えました。

ティラノビルダーpro12

このようにテキストは簡単に消えますね。

テキストの追加

左エリアから、 テキストコンポーネントをシナリオエリアにドラッグ&ドロップ

ティラノビルダーpro13

テキストの枠が追加されましたね。

ティラノビルダーpro14

チュートリアルのテキストを使わせてもらいます。

とある木曜日の昼休み。
私は昼食を食べ終え、適度な眠気を感じていた。
ふぁぁ、ねむい。。。。。
一眠りするか。
机に突っ伏して、夢の世界へ落ちようとしていた
その時
#?
大変!大変!
#
びく!

ティラノビルダーpro15

編集したので、右上の保存ボタンをクリック

ティラノビルダーpro16

セーブ後、プレビューボタンをクリック

入力したテキストが表示されましたね。

ティラノビルダーpro17

ちょっとゲームらしくなりました。

でも、まだキャラクターが表示されていないので、さみしいですね。

ティラノビルダーpro18

キャラクターを追加

今回は、ティラノビルダーの公式サイトから画像をダウンロードします。

zipファイルなので、解凍します。

ティラノビルダーpro19

キャラクター登録します。

右上のキャラクター管理ボタンをクリック。

ティラノビルダーpro20

ティラノビルダーpro21

チュートリアルの設定通りに

テキストボックスに「ゆうこ」とキャラクター名を入力して「追加」ボタンをクリック。

ティラノビルダーpro22

ダウンロードした画像をドラッグ&ドロップで登録。

ティラノビルダーpro23

画像が設定されました。

ティラノビルダーpro24

キャラクター登場

せっかく登録したキャラクターを登場させたいと思います。

左エリアから「キャラクター登場」の箇所からドラッグ&ドロップ

ティラノビルダーpro25

テキストの後ろに挿入しました。

ティラノビルダーpro26

キャラクターが空欄なので、「ゆうこ」にします。

ティラノビルダーpro27

セーブしてプレビューします。

ティラノビルダーpro28

キャラクターが表示されたのですが、

スマホの縦向き用の画像ではないので、

メッセージと重なっていますね。

画像を調整したいと思います。

今回は、1.5倍に画像を拡大してみました。

ティラノビルダーpro29

先ほどよりましになりましたね。

キャラクターの画像は大きめに作った方がよいですね。

背景画像も縦横比がなんか違う気がします……

こちらについては、今後考えます。

キャラクターの表情を変更

せっかくなので、キャラの表情を変更したいと思います。

今回もチュートリアルのテキストを使わせてもらいます。

なんだ、ゆうこか。どうしたの?
#ゆうこ
なんだじゃないよ!大変なんだよ!

こちらの文章をテキストに追加します。

さらに「キャラクター変更」をドラッグ&ドロップで追加。

ティラノビルダーpro30

ファイル選択」をクリック

変更したい表情を選択します。

ティラノビルダーpro31

ティラノビルダーpro32

プレビューしてみます。

表情が変更されました!

ティラノビルダーpro33

簡単ですね。

場面(背景)の変更

同じ背景ばかりではゲームとは言えませんね。

背景を変更したいですよね。

場所が変わると背景も変更した方がよいですね。

公式サイトよりテキストをお借りしました。

ここじゃ、まずいから廊下に移動しよう。
#
わかったよ

テキストを追加。

左のエリアから「背景変更」を後ろに追加。

ティラノビルダーpro34

右欄の「ファイル選択」をクリック。

背景画像を選択します。

追加したい場合は、ドラッグ&ドロップで背景画像を追加してくださいね。

ティラノビルダーpro35

既にあった廊下の背景画像を選択しました。

ティラノビルダーpro36

背景切り替えの演出

切り替えの時間も設定できます。

切り替えの演出もたくさんあるので、悩んでしまいますね。

ティラノビルダーpro37

ここからプレビュー

ゲームをいつも最初からプレビューするのは疲れてしまいます。

変更した箇所からプレビューできますよ。

テキストのエリアから右クリックすると

ここからプレビュー」ができます。

ティラノビルダーpro38

ティラノビルダーpro40

背景が廊下の画像で表示できていますね。

ゲーム制作に使える人気のある素材は?

自分ですべてキャラクターの画像や背景画像、音素材を作るのは大変です。

無償でももちろんありますが、他の人とかぶってしまう可能性が高いですね。

どれか一つでも有償素材を購入して使ってみるとよいかもしれません。

立ち絵(キャラクターの画像)

キャラクターの画像が110円~から購入できますね。

著作権フリー素材 URIM 立ち絵ジェネレーター vol.01 (通常版)

【立ち絵素材】Party_I「剣士・僧侶・魔法使い」

【立ち絵素材】現代人まとめ (女子生徒・男子生徒・一般女性・一般男性・少女)

制服の女の子立ち絵17

背景画像

みにくる背景CG素材集『ファンタジー編』part01

「学校の背景が全てそろう01」完全フリー素材集!!

著作権フリー背景素材集[家]

最後に

公式サイトのチュートリアルの通りにしたので簡単でしたね。

スマホ用の縦向き画面なので、

キャラクターの画像などは、ちょっと考えないといけませんでした。

背景画像も画面サイズに合わせて制作しないといけないですね。

いろいろ考えると、横向きの画面の方がよいかもしれません

実際に自分で作ろうとなると、キャラクターの画像や背景画像、BGMなど

用意しないといけないですね。

自分ですべて作ろうとするとすごく大変なので、

DLsiteなどで有償ですが素材を購入してもよいかもしれません。

そうすると、自分はシナリオや演出だけ考えればよいので、

最初のハードルは低く、ゲームを完成することで自信がつくと思います。

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。