【Unity】ウディタ・RPGツクール風簡易アニメーションスクリプト紹介

2022-02-062022-02-15Unity Tips

こんなお悩みをお持ちの方向け

Contents

シンプルなパラパラアニメの実装が意外と面倒

アニメーションの遷移制御やフレーム単位の細かな設定を行う場合、Unityのアニメーションは非常に優秀だと思います。

一方で、ウディタやRPGツクールでお馴染み、一枚アニメーション画像を分割してパラパラマンガのように表示したいだけの場合、やりたいことの割に結構手間がかかってめんどいっす。

＜必要な手順＞

いちおうSpriteEditorで分割したファイルをまとめてシーンビューに置くと、自動でAnimation作ってくれたりはするんですが、複数ウインドウを操作しないと設定・変更できないのがやっぱりネック。

という訳で、

そんなウディタ・RPGツクール風のスクリプトを作ってみました。

Spriteオブジェクトに、スクリプト「WoditaLikeAnimator」を設定します。

（UIならImageオブジェクトにスクリプト「WoditaLikeUIAnimator」を設定）

Texture2Dという項目に、実行したいアニメーション画像を設定します。

（今回はぴぽや様からお借りした素材を使わせてもらいます）

あとは、

らへんをお好みで設定します。

今回は800×600に分割した画像の1～15パターンを、0.1秒ずつループしながらアニメーションする設定にしてみました（今回はループさせたいので、16パターン目の空画像を除外）。

実行結果はこんな感じです。

処理負荷の観点から、弾幕シューティングやアクションで多用するのにはたぶん不向き。RPGのターン制バトル演出やイベント、ADVのノベルパートなど、比較的動作の軽量な場面で使う分には便利かなと思います。

また、プログラマーであればDoTweenを使った方が柔軟だと思うので、スクリプトを直接いじるのが大変な初心者さんやデザイナーさん向け。

詳細は下記の通り。

下記フォルダのパッケージをインポートしてください。

あとの手順は先程の実行例やReadMe参照。

ReadMeにも書いてありますが、いちおうこっちにも載せておきます。

IntervalSeconds以降の項目はすべてゲーム再生中でも変更可能なので、実際に動かしてみながら最適な設定を模索するのがオススメです。

項目名	設定内容
Texture2D	アニメーションの画像ファイルを設定
Pixcel Per Unit	1ユニットのピクセル数（テクスチャと同じ値推奨）
Pivot	画像の表示起点をどこにするか。0.5が中心
SplitWidth	テクスチャ画像を分割する横幅
SplitHeight	テクスチャ画像を分割する縦幅
Interval Seconds	パターンの切替秒数
Start Pattern	アニメーションの開始パターン番号（最小1）
End Pattern	アニメーションの終了パターン番号。 0を設定しておくと、自動で最大パターンが設定されます
Loop	アニメーションをループさせるかどうか
Round Trip	アニメーションを往復させるかどうか
DestroyIfCompleted	アニメーション完了時にオブジェクトを破棄するかどうか ※Loop時は絶対破棄されないので注意