Top

RPGツクールMZでAPNGを動かすやり方

アニメ塗りマン
アニメ塗りマン

RPGツクールでAPNG素材を動かす方法を説明します。

 

RPGツクールMZでAPNG素材を動かす方法を解説します。

この記事を読むと・RPGツクールMZでAPNG素材を動かす方法がわかります。

こんな方におすすめ!・RPGツクールでAPNG素材を動かしたい人

 

RPGツクールMZでAPNGを動かすやり方

背景を描くのが苦手な方におすすめの
著作権フリー背景素材集を見る

APNG用プラグインを用意する

次のプラグインはRPGツクールMZで動作確認しました。

unityで動くrpg maker uniteは動くか試してないのでわかりません。

最初に以下のプラグインを用意します。

  1. PluginCommonBase.js(公式プラグイン、これがないとAPNGプラグインが動かない)
  2. PixiApngAndGif.js (ApngPicture.jsを動かすために必要)
  3. ApngPicture.js (APNGを動かすためのプラグイン)
  4. EaseEventLoad.js (処理を早くするプラグイン、あると動作が早くなる、別になくても良い)

PluginCommonBase.jsを入手する

公式のPluginCommonBase.jsはrpgツクールMZをダウンロードしたら同梱されています。

ほとんどの人はsteamからダウンロードすると思うので

C:\Program Files (x86)\Steam\steamapps\common\RPG Maker MZ\dlc

上のアドレスを入力すれば公式プラグインの階層まで行けます。

 

rpgツクール apng

上の画像みたいにアドレスバーにコピー&ペーストしてエンターを押せば良いです。

 

rpgツクール apng

BasicResourcesフォルダをクリックします。

 

rpgツクール apng

plugins→officialの中にプラグインがあります。

 

PixiApngAndGif.jsを入手する

PixiApngAndGif.jsはこちらからダウンロードできます。

 

rpgツクール apng

リンク先でRawをクリックします。

 

rpgツクール apng

文字列のページになるのでそこで右クリックし名前を付けて保存でプラグインを手に入れることができます。

ApngPicture.jsを入手する

ApngPicture.jsはこちらからダウンロードできます。

 

rpgツクール apng

リンク先のページで右クリック→名前を付けて保存を選びプラグインを手に入れます。

EaseEventLoad.jsを入手する

こちらのサイトへ行きダウンロードしてください。こちらのプラグインは必須じゃないので動作が遅いと思ったら手に入れてください。

 

rpgツクール apng

リンク先で直接ダウンロードを押します。

 

APNGをimgフォルダに入れる

rpgツクール apng

rpgツクールのプロジェクトフォルダ内のimg→pictureにapngを入れます。

 

rpgツクール apng

こんな感じですね。

 

rpgツクール apng

敵としてapngを使いたい場合、img→enemiesフォルダ内に入れます。

 

rpgツクール apng

サイドビューの敵として使いたい場合、img→sv_enemiesフォルダ内に入れます。

 

プラグイン設定をする

rpgツクール apng

プラグインリストで上の画像みたいにApngPictureがPixiApngAndGifより下側に配置してください。

 

rpgツクール apng

次にApngPictureをダブルクリックし、右側のパラメータ欄でAPNGのピクチャリストをダブルクリックします。

 

rpgツクール apng

1行目をダブルクリックします。

 

rpgツクール apng

ファイル名のところで先ほど入れたAPNGを指定します。

 

rpgツクール apng

ファイル名をクリックします。

 

rpgツクール apng

APNGを指定します。

 

rpgツクール apng

するとこのようになるのでOKを押します、APNGは複数登録できるので2枚目以降は2行目に登録します。

 

rpgツクール apng

敵キャラとして登録したい場合、APNGの敵キャラリストを選び、選択します。

 

rpgツクール apng

同じようにAPNGを選びます。

 

rpgツクール apng

サイドビューの敵はAPNGのSV敵キャラリストから選びます。

 

rpgツクール apng

シーンAPNGのリストは特定のシーンでAPNGを表示したい時に使います。

 

rpgツクール apng

メインメニューやステータス画面で使えますよ。

 

APNGを会話中に表示する

rpgツクール apng

APNGを会話中に表示してみます、まずキャラを配置します。

 

rpgツクール apng

キャラをダブルクリックし、ピクチャの表示を挿入します。

 

rpgツクール apng

画像でAPNGを指定し、簡単設定で配置場所を決めます、右側で拡大率を調整できます。

 

rpgツクール apng

このようになるはずです、これで会話中にAPNGが表示されます。

敵との戦闘で表示する方法

rpgツクール apng

敵キャラタブから敵キャラを作り、画像をapngにして敵キャラとしてデータベースに登録します。

 

rpgツクール apng

画像をダブルクリックすれば選択できます。

 

rpgツクール apng

その後、敵グループからAPNGを追加すればOKです。

 

rpgツクール apng

シンボルエンカウントで発生するように設定してみます。

 

rpgツクール apng

上のように実行します。

 

動画で見てみる

作ってみた動画がこちらで参考にどうぞ。

 

今回のAPNGプラグインはRPGツクールMZで動作確認したのでMVでも動かせると思いますよ、ですが最新のMZのほうがアクティブバトルといった追加機能があるのでこちらがおすすめ。

今回使ったAPNGはこちらで手に入ります。

まとめ

  • APNGプラグインを入れる
  • APNGをプロジェクトフォルダ内の指定フォルダに入れる
  • プラグイン管理とデータベースを編集してAPNGを表示させる