【はじめてのRPGツクール】幼なじみのお姉ちゃんとお泊りHゲーム版その16
どうも、ダメージ床Rの色塗り担当の「そば」です。
『はじめてのRPGツクール』記事では
いつかエッチでやりがいのあるゲームが作りたい…!と夢見る、ゲーム制作ド初心者2人がRPGツクールで試作ゲームを作っている様子を毎回お伝えしています。
使用しているのはRPGツクールMZです。
試作ゲームの詳細はこちら
オリジナルメニュー画面編 第二回!
(1)メニュー画面の代わりに表示される
(2)背景画像表示
(3)時間帯表示
(4)ボタン表示(セーブ、ロードetc.)
(5)攻略のヒント表示
(6)進捗のゲージ表示
前回記事で(1)は達成したので、今回は(2)~(4)の話です!
下準備・必要な画像を作る
(2)~(4)には必ず画像が必要なので、画像編集ソフト(クリスタです)で作りました。
↑このラフを見ながら清書していきます…
そして完成したのがこの
背景の画像、時間帯表示の画像、ボタンの画像です!
作る画像の数が多くてめげそう。つらい。
このタイミングで時間帯表示を左寄せに変えました。
メニュー画面実装のイメージ図
特に意味ないけど図を作ってみました😂
背景を一番下置いてその上に時間帯、最後にボタンが層みたいに乗っかる感じ?になったらいいな。
画像を表示する
前回作ったコモンイベントに実行内容を書いていきます。
できました。
メニュー画面を開いたときに表示して、閉じるとき消す。
ボタンの位置を一個一個px単位で指定するのが時間かかりました…
テストプレイするとこんな画面が開きます。
えっ…すごい!完成したみたい!!(いつもの錯覚)
ボタンを作るためのプラグイン
今回使うプラグインはこちら!
PictureCallCommon.js プラグイン
です。
>ピクチャに対する様々なマウス操作に反応してコモンイベント実行や
スイッチ制御ができます。
とのこと。画像をボタンにできそう!やったぜ!
とりあえず入れてみました。
今回もPluginCommonBase.jsが必須なので、PictureCallCommon.jsより上に置いときましょう。
<プラグイン情報>
PictureCallCommon.js ピクチャのボタン化プラグイン →ダウンロード
PluginCommonBase.js → ツクールMZに同梱されてました。
私の環境だとProgram Files(x86)\Steam\steamapps\common\RPG Maker MZ\dlc\Basic Resources\plugins\officialにありました。
プラグイン製作者の方、情報を載せてくださってる方、本当にありがとうございます。
ボタン用コモンイベントを作る
完成した「セーブ」ボタン用のコモンイベント例にして書くと…
ボタンの画像を赤のほうに変更→5フレーム待つ→ボタンの画像を元に戻す。
イベントコマンド3ページ目のスクリプトを選択して
SceneManager.push(Scene_Save);
と入力してます。
SceneManager.push(Scene_Save);の「Scene_Save」部分を変えると別の機能を呼び出せるらしいです。
セーブ Scene_Save
ロード Scene_Load
設定 Scene_Options
おわり Scene_GameEnd
残りの「ロード」「設定」「おわり」ボタン分のコモンイベントも同じように用意しました。
ピクチャにイベントを設定
最後にメニュー画面のコモンイベントに戻って、ピクチャと各イベントを結びつける作業。
また「セーブ」を例に。
イベントコマンド3ページ目の、今回はプラグインコマンドの方を選ぶ。
プラグイン名「PictureCallCommon」コマンド名「ピクチャイベント登録」で
・ピクチャ番号
・コモンイベント番号
・トリガー種別
を設定します。
ピクチャ番号はセーブボタン、コモンイベント番号はセーブイベント、トリガー種別の1は「クリックした場合にコモンイベントが実行される」という意味。らしい。
※トリガー種別は、右クリックした場合や長押しした場合…など全部で13種類(!)もあって、色んな事に使えそうで夢が広がります。
この設定を全部のボタンにしたら、完成です!
実行内容はこんな感じ。
念のため…消す!
「メニューを閉じる」コモンイベントにピクチャイベントの解除もしておきました。
登録されたコモンイベントとの関連は、ピクチャを消しても残るそうなので一応毎回情報を消すことにしました。
こうしておけばメニューを開閉するたびに新しく登録&解除されるはず。
ピクチャ番号を他と使いまわさないのであれば必要ないのかもしれないですが…ドアといっしょで開けたら閉めるのが信条なので(??)今回はそうしました😉
メニューボタン完成
🎊ちゃんと押せてる!!!!!やったああああ!!!!!!!🎊
メニューボタンは完成しました。が、やっぱり記事が長くなってきたので
攻略メモ表示とゲージ作りはまた次回ということで…
来週もよろしくお願いします!
~オリジナルメニュー画面 第二部 完~
<シリーズ記事リンク>
一回目記事
二回目記事
三回目記事
三回目記事
そば担当の記事は毎週金曜日に更新予定!(できる限り)