ひつじ🐏おやすみ毛布

[ゲーム制作/ティラノスクリプト]探索箇所選択画面を作る

Added 2023-01-11 09:00:00 +0000 UTC

　ゲーム制作のお勉強を共有する記事第二弾です。

　今回は、お屋敷の中の探索箇所を選択する画面を作っていきます。

❖やりたい事

１．マップ上に選択ボタンをちりばめる。

２．ボタンにマウスを乗せると説明が出る。

３．ボタン以外の所を押すとランダム会話ができる。

❖とりあえず完成画面

　上記のやりたい事を実装したのがこちら。

ゲーム探索画面

　できているのでは……？

　それでは、ここに至るまでの過程を書いていきます。

❖１．マップ上に選択ボタンをちりばめる

　これはシンプルに[button]タグを使います。

　背景画面を準備しておいて。

　その上に……。

　こういうの。

[button name="ボタンの名前" storage="ジャンプ先" graphic="ボタン画像" enterimg="マウスオーバー時のボタン画像" x="横位置" y="縦位置" fix="true" ]

　を並べています。やりたい事２を実現するために、nameが必要です。やりたい事３を実現するために、ジャンプ先に別ファイルを指定する必要と、fix="true"を指定する必要があります。それぞれの項目で説明します。

❖２．ボタンにマウスを乗せると説明が出る

これはプラグインを使わせていただきます。

【buttonタグ機能補助プラグイン】

(frame embed)

■できること

・ボタンにマウスオーバー時、フェードしながらボタン画像切り替え

・ボタンにマウスオーバー時、ツールチップとして任意の画像を任意の位置に表示

・ツールチップ画像をアニメーションしながら表示／非表示

・任意のJS式がtrueのとき、ボタンを無効化

・ボタンの透明度に応じて操作可不可を選択可能

　必要な機能みんな揃ってる！

　基本タグ[button]と補助プラグインタグ[button_ex]に同じnameをつけることで、補助を紐付けられます。

　説明画像を用意しておいて、これが特定の場所に表示されるようにします。

[button name="ボタンの名前" storage="ジャンプ先" graphic="ボタンの画像" x="横位置" y="縦位置" fix="true" ]

[button_ex name="ボタンの名前" tip="説明画像" tip_pos="static" tip_x="説明画像の横位置" tip_y="説明画像の縦位置" ]

　上記のように書くと、ボタンにマウスを乗せた時に説明画像が任意の場所に出ます。それぞれのボタンの説明画像が同じ場所に出るようにしておけば、情報が切り替わっていくように見えます。

❖３．ボタン以外の所を押すとランダム会話ができる

　まず、ティラノスクリプトのボタンタグというのは出すと基本的にゲームがストップします。会話が進んでいる状態というのはゲームが進行している状態なので、ボタンが出ていてもゲームが進むようにしないといけません。

　ここでfix="true"を使います。fixボタンというのは、メニューボタンのようなゲーム進行中にもずっと画面に存在するボタンです。fixボタンにするためには、[button]タグにfix="true"を入れます。

　とりあえずこれさえ指定しておけば大丈夫だろうと思って最初に実装した時には、選択に戻ってきた時にもう一度ボタンを押す事ができなくて困りました。

　そこでfixの解説を読みに行くと……。

----------

fixにtrueを指定した場合は別のstorageのtargetを指定して、そこにボタンが押されたときの処理を記述する必要があります。

----------

　これか。

　ということで、targetだけで同一ファイル内でシナリオを進めて、もう一度targetで戻ってきてしまうとうまく使えないようです。storageで別ファイルに飛んで、そちらのシーンが終わったら選択に戻ってくるという形でシナリオを作ります。なぜなのか仕組みは知りません……AUTOのfixボタンとかずっと同じ画面上で動作してる気がするんだけど……。

　ここまで来たらボタンがいい感じに配置され、マウスオーバーで説明が表示され、後ろで勝手にシナリオが進んでくれています。

　最後の目標、ランダム会話のために乱数を取得したいのですが、こちらもシンプルに記述できるスクリプトを公開している方がいらっしゃったので使わせていただきます。