アルゴンUE4/UE5&アプリ開発日記

UE4/UE5の機能やプラグインを紹介します。初心者や中級者向けになってます!!

【UE4】ポストプロセスを使ってみる(その2)

ポストプロセスマテリアルを作ってみる。

今回はポストプロセスマテリアルの簡単なものを作りたいと思います。

マテリアルの部分も少し説明できたら嬉しいです。

下記の動画を参考にしてました。

www.youtube.com

それではポストプロセスのマテリアルの適応やマテリアルの紹介などを行っていこうと思います。

ポストプロセス用のマテリアルを作る。

今回はポストプロセス用のマテリアルを作って動かしていきます。

まずマテリアルのファイルを使いする必要があるので新規で追加します。

コンテンツブラウザを右クリックして追加します。

f:id:yoshikata1990:20190425211411p:plain

マテリアル追加

追加したらマテリアルドメインをPostProcessに変更します。

先ほど作成したマテリアルファイルを開いてすでに追加されている

マテリアルノードを選択して、詳細から「MaterialDomain」を変更します。

最初はSurfaceになっているのでPostProcessにします。

f:id:yoshikata1990:20190425214207p:plain

マテリアルドメインをPostProcessを変更

今回はマテリアルのパラメータをBPから変更できる、

マテリアルパラメータコレクションも使っていきます。

マテリアルを追加する容量で、詳細なアセットからマテリアル・テクスチャの「マテリアルパラメータコレクション」を追加します。

f:id:yoshikata1990:20190425215223p:plain

マテリアルパラメータコレクション

今回設定したマテリアルパラメータコレクションは、

このような形で設定しています。

下の画像のあとにこのマテリアルパラメータコレクションをどう使うのか説明していきます。

f:id:yoshikata1990:20190425220036p:plain

マテリアルパラメータコレクションの設定

上記のマテリアルパラメータコレクションと組み合わせたポストプロセスマテリアルがこちらになります。

今回やっていることは単純で、

1.キャラクターの位置をBPから取得してマスクを使いFloat3に変換する。

2.円の半径をBPのTimelineで動かした数値を取得する。

3.上記2つの情報を元に球状に明るくしていくマスクを追加

f:id:yoshikata1990:20190425220326p:plain

PostProcessのマテリアルノー

マテリアルの設定が完了したら動作させるため、

キャラクターのBPの設定をしていきます。

マテリアルパラメータコレクションのPositionというパラメータに、

キャラクターの位置情報を渡しています。

f:id:yoshikata1990:20190425223019p:plain

BPの設定

こちらも合わせて設定しています。

タイムラインでマテリアルパラメータコレクションの半径の値を設定してます。

f:id:yoshikata1990:20190425223233p:plain

明るさの半径をタイムラインの値で渡す。

実際のマテリアルを動かすとこんな感じになります。

ポストプロセスマテリアルに当てはめて動作させる。

あとはPostProcessVolumeのマテリアルにセットして完了になります。

f:id:yoshikata1990:20190425224142p:plain

ポストプロセスボリュームの設定

最後に・・・・

ポストプロセスマテリアルはマテリアルを作るためのノードの知識

視覚効果の数学も知っておくといろいろなものが作れて楽しいです(・∀・)

下のものは今回やったことの応用になっています。

ぜひいろんなことを覚えて自分のゲームに合う効果を作ってみてください!