Study Works

YuukiHiraiの勉強したものを上げていきます。

UE4で残像演出

以前、開催されたUE4GameJamにて作成したTPSアクションゲームで残像演出をどのように実装しているかよく聞かれたのでここに書き記しておきます。

youtu.be



基本的にはヒストリアさんのポーズのスナップショットを使っています。

historia.co.jp


残像演出にはいくつか方法がありますが、
今回は1フレームごとのキャラクターのポーズを保持して、それをキャラクターと同じメッシュに流し込む方法を解説します。

まずは残像に使いたいアクターを作成します。

f:id:yuukihirai0331:20171123002611p:plain

この時に残像させたいメッシュと同じメッシュを作成してください。
名前やマテリアルは自由に決めてもらって大丈夫です。
だいたいで半透明ぐらいにしておくと見栄えが良くなります。

BPの構成はこんな感じです。

f:id:yuukihirai0331:20171123124709p:plain

「Snapshot」というPose Snapshotクラスの変数をスポーン時に入れられるように設定しています。下のTickでは徐々に透明になるという処理を組み込んでいます。

残像のメッシュのマテリアルですが

f:id:yuukihirai0331:20171123140859p:plain

f:id:yuukihirai0331:20171123140947p:plain

こんな感じでマテリアルインスタンスを作成してブループリントから値を調整して徐々に透明になるように作成しています。


この後、残像用のアニメーションブループリントを作成します。

f:id:yuukihirai0331:20171123135808p:plain

ここでは残像のブループリントクラスからSnapshotを受け取ってアニメーションブループリント用のSnapshot変数に格納しています。

 

f:id:yuukihirai0331:20171123140256p:plain

そして、それを最終アニメーションポーズに適応させます。
ここでポーズスナップショットを赤で囲っている設定にしてください。


あとは残像させたいBPクラスでこのように組みます。

f:id:yuukihirai0331:20171123135454p:plain

f:id:yuukihirai0331:20171123135517p:plain

f:id:yuukihirai0331:20171123135529p:plain

こんな感じです。
基本的にはSpawnActorで作成した残像ブループリントクラスを生成していく感じになります。それをどのタイミングで生成していくかどのポーズを適応させていくかどのように残像っぽく見せるかを調整していければ良いと思います。


最後に今回のプロジェクトをこちらに公開しておきます。

SampleAfterImage.zip - Google ドライブ

ご自由にお使いください。

ありがとうございました。

 

※ 注意
今回、紹介したこのやり方は場合によってはボトルネックになってしまう可能性があるので改善するとしたらあらかじめ残像ブループリントクラスをある程度(7~8体)最初に生成しておいてそれにポーズを流し込むやり方を推奨します。