ティラノビルダーで画像ボタンをカスタマイズしよう【画像変化】
こんにちは、まつぼ(@matsubojob)です。
最近は文筆業の傍ら、アルセウスやゲ制などをしているよ！
ティラノビルダーでオンマウスの画像変化をつける方法、記事にしようかな～需要あるかな～～📝#ティラノビルダーpic.twitter.com/bTPO522t4D— まつぼ🌳 (@matsubojob) May 7, 2022
ティラノビルダーでは「画像ボタン」を用いて、簡単に選択肢が作れます。
分岐ボタンと似ていますが、自作のイラストが使えるといったデザインの自由度がより高い！
でも、コンポーネントを置くだけではオンマウスの変化はつきません。
少しスクリプトを使いますが、難しい知識不要で変更できるので是非お試しくださいませ～！
ティラノビルダーでオンマウスの画像変化をつける方法
ティラノビルダーでオンマウスの画像変化をつける方法は、全部で3ステップです。
※以降はダウンロード前提で話を進めていくので、お済みでない方はこちらからどうぞ！(公式サイトに移動します)
1. 画像ボタンのデータを保存する
まずはティラノビルダーを起動し、任意のプロジェクト>素材>画像にファイル追加でデータを保存してください。
（↓なぜかうさんくさい通販サイトのフォントになっていますがスルー）
- 通常時：story-link.png
- オンマウス時：story-link-k.png
保存したデータは、ティラノビルダー内のmyproject>編集したプロジェクト名>data>fgimage>default に収納されるのでご確認を。
※使用している画像は イラストAC 様よりお借りしました。ありがとうございます。
2. ティラノスクリプトでタグを書く
では、ティラノスクリプトのコンポーネントを置きましょう。<T>というマークが目印です。
ティラノスクリプトを使ってオンマウスで画像ボタンを変えるには「enterimg」というタグを用います。
※ティラノスクリプト公式サイトのタグリファレンス>ラベル・ジャンプ操作>[button] グラフィカルボタンの表示や機能デモ>画像ボタンの103.104あたりを参考にしました。
今回は自作ゲーム「ブラックコーヒー」のプロジェクトデータを使って説明していきます。
スクリプトは、下記のように書きました。
※赤字は各自変更する部分です！
[button graphic="../fgimage/default/story-link.png" enterimg="../fgimage/default/story-link-k.png" width=230 hight=230 x=405 y=95 storage="story.ks“]
ちょっと解説すると・・・
- button graphic：通常時の画像リンク（今回は story-link.png）
- storage：ジャンプ先のシナリオファイル指定（今回は story.ks）
fgimageフォルダに保存した画像データのアドレス指定は、 “../fgimage/default/●●.png（jpg）"となります。
※画像データの保存先を確認したのは、上記アドレス指定の階層構造を分かりやすくするためでした。先頭の「../」は、ひとまずこのまま記載しておいてください。
（相対パスというものらしく、私もよくわかりません(笑)fgimageより上にある階層を省略？して記載してるようです）
ちなみにx・yとwidth・hightは、別途画像ボタンを設置して「領域選択ツール」で可視化すると調整しやすいかと！
※分岐ボタン編の使い回しで恐縮ですが、画像ボタンでも位置やサイズ調整の仕方は一緒です！
まつぼ3. プレビューで確認
画像ボタンにオンマウスした時、画像が変われば成功です！お疲れさまでした♪
さらに、スクリプトのenterimg～widthの間に「enterse」「clickse」タグを入れると効果音もつけられます！
- enterse：オンマウス時に音を鳴らせる
- clickse：クリック時に音を鳴らせる
今回のスクリプトに追記するなら、下記のイメージですね。
https://matsubo-job.com/tyranobutton-2/まつぼ制作に行き詰まっても公式のサポートがある！
ティラノビルダーでのゲーム制作で行き詰まってしまったら、公式・非公式問わず手厚いサポートがあります。
- ティラノビルダー公式サイト：使い方＆チュートリアル
- ティラノ非公式wiki：ティラノビルダー制作テクニックwiki ※有志の方々が運営していると公式サイトに表記あり
そのほか公式ガイドブックが販売されているようなので要チェックです～！
また、ティラノビルダーにはキャラクター数や使用できるBGM数などに制限がある無料版と、それらが無制限になったPro版(有料)があります。 無料版でお試しして「もっと色んな機能を使いたいな…」と思ったら是非Proの購入をおすすめします。
そこまでお高く感じるお値段ではないし、おそらくゲーム制作にハマったら無料版じゃ物足りなくなりますよ～(笑) スクリプト知識がある方は、ティラノスクリプトを使うことでより高度なゲーム制作ができます。
ティラノビルダーにはない操作をしたい場合はティラノスクリプト機能をご利用ください！
スクリプトの知識が全くない自分がゲームを作れた時は本当に感動しました。同じ気持ちを味わった方は感謝の気持ちを込めて公式ガイドブックやティラノビルダーProを購入し、ご支援してみてはいかがでしょうか。
よろしければ応援お願いします！
