読者です 読者をやめる 読者になる 読者になる

ぼんさいゲーム

RPGツクールMVでゲームを作ったりするブログ

タイトル画面のメニューをボタン(ピクチャ)にする

「MOG_TitlePictureCom」

久々にツクールMVを触り始めまして。
とりあえずタイトル画面を変えたい!と思ったので、試しています。

今回使わせていただくのは「MOG_TitlePictureCom」。
タイトル画面のメニューを画像(ボタン)に変更できるプラグインです。

下記のサイト様からプラグインをお借りしました。
https://atelierrgss.wordpress.com/rmv-custom-title-screen/
利用規約を見たかんじ、商用利用もできそうですね。

他のプラグインと組み合わせれば、下記のようなタイトル画面にできるようです。

※(Animated) Background from Puella Magi Madoka Magica (Anime).
https://atelierrgss.files.wordpress.com/2015/11/titlegif.gif?w=660
https://atelierrgss.wordpress.com/rmv-custom-title-screen/

すごいですね。

プラグインを適用

ダウンロードしたプラグインファイル(MOG_TitlePictureCom.js)を、プロジェクトのフォルダに突っ込みます。
(C:\Users\ユーザー名\Documents\Games\ゲーム名\js\plugins の中)

プロジェクトを開き、上部ツールバーから「プラグイン管理(パズルマークのボタン)」をクリック。
プラグイン管理が開いたらWクリックまたは右クリック→編集で、プラグインウィンドウを開きます。
ウィンドウが開いたら「名前:▼」から先ほど入れたプラグインの名前(MOG_TitlePictureCom.js)を選択。
状態:ONのまま、適用→OKをクリックすると適用されます。

画像を用意する

使う画像は下記のとおりです。(img/titles2/ の中)
太字は必要最低限(ないとエラーになる)

Title.png…タイトルロゴ。816×624px、背景透過。(非表示にもできる)
Cursor.png…カーソル画像。(非表示にもできる)
Command_0.png…「はじめから」のメニュー画像。選択/非選択時、背景透過。
Command_1.png…「つづきから」のメニュー画像。選択/非選択時、背景透過。
Command_2.png…「オプション」のメニュー画像。選択/非選択時、背景透過。
Command_3.png…「クレジット」のメニュー画像。選択/非選択時、背景透過。

ボタンはひとつの画像に「選択時」「非選択時」の絵を縦に並べて入れます。
↓デモで使われている画像はこんな感じ。
f:id:ao385:20170409202318p:plain

プラグイン設定

プラグインウィンドウの「パラメータ」から、表示の設定などができます。

Command pos 1

「はじめから」メニュー画像の位置を指定できます。
画面左上が0,0になります。
※画像の左上が指定した座標になる感じ。
(画面サイズ816×624pxなので、どセンターは408,312から-画像の半分px)

Command pos 2

「つづきから」メニュー画像の位置を指定できます。

Command pos 3

「オプション」メニュー画像の位置を指定できます。

Command pos 4

「クレジット」メニュー画像の位置を指定できます。(たぶん)

Command pos 5~10

追加メニュー画像の位置を指定できます。(たぶん)
普通にやってたら使わないと思う。

Title Sprite

trueにすると、タイトルロゴ(Title.png)がちょっとずらした二重表示になりました。
ずらす位置は「Title Sprite x-Axis」「Title Sprite y-Axis」で指定できます。

falseにするとタイトルロゴは二重表示にならずに、テキストでタイトル表示がでます。

Cursor Visible

falseでカーソル非表示。

true(デフォルト)でカーソル画像表示。
カーソルは画面左上から飛んできます。

飛んできたカーソルの着地位置は「Cursor x-Axis」「Cursor y-Axis」で指定できます。
どちらも0,0にすると、「はじめから」ボタン画像の左下あたりに表示されます。

表示結果

f:id:ao385:20170409211948p:plain
Title Sprite:true
itle Sprite x-Axis:10
Title Sprite y-Axis:10
Cursor Visible:true
Cursor x-Axis:0,0
Cursor y-Axis:0,0
Command pos 1:400,300
Command pos 2:400,400
Command pos 3:400,500

f:id:ao385:20170409212632p:plain
Title Sprite:false
Cursor Visible:false
Command pos 1:400,300
Command pos 2:400,400
Command pos 3:400,500