【UE5】マテリアルで点滅アニメーションを作る

2023年8月30日2024年2月27日

当ページのリンクには広告が含まれています。

実際の制作でよく使われる点滅アニメーションをメモいたします📝

ヨシコフ

光ってるところを明滅させてください
というオーダーはあるあるです！

点滅アニメーションをUEで作れと言われると涙が出る人へ
👇マテリアルエディタの入門はこちら

点滅アニメーション①～透明度が変化する点滅～

【ノーマルマップで水を表現】

書籍のデータ
・SM_bowl_water
・M_water#UnrealEngine #UE5 pic.twitter.com/RCeXFAmFfQ
— ヨシコフENGINE (@yoshikovENGINE) May 26, 2023

解説

マテリアルノード

前提

メインマテリアルノードの設定
MaterialDomain:Surface
BlendMode：Opaque
SHadingModel：DefaultLit

明滅の速度
ConstAの値を上げるほど、パカパカした明滅になる
Time⇒Multiply（ConstA：2.0 ConstB：0）
明滅の透明幅
Periodの値を上げるほど、グラデーションの変化が良く見える
Sine（Period2.0）

・カラー設定
エミッシブカラー⇒MultiplyB⇒Constant3vectorColor

点滅アニメーション②～チカチカ点滅～

白黒半分のテクスチャを用意して、テクスチャーをカクカク移動させてチカチカみせる方法

・[Time]⇒[Floor]：秒数を整数化
・[Multiply]0.5⇒texture移動値#UnrealEngine #UE5 pic.twitter.com/ObPMhqhqJw
— ヨシコフENGINE (@yoshikovENGINE) May 26, 2023

解説

マテリアルノード

前提

メインマテリアルノードの設定
MaterialDomain:Surface
BlendMode：Opaque
SHadingModel：DefaultLit
白黒半分のテクスチャを用意
テクスチャーをカクカク移動させてチカチカみせる

今回は256×128pixel

Panner
UV座標をアニメーション
TextureCoordinate＝テクスチャーの移動値
UTiling:0.5　VTiling：1.0
秒数を整数化して、秒ごとに動かし、チカチカした動きにさせる
Panner[Time]⇒Floor⇒Time

【応用】カウントダウンをつくる

・数字テクスチャ用意
数字をカクカク横にスライドしてカウントダウンの動きをさせる

・アルファ抜き
メインマテリアル⇒[Blendmode]Masked
・[TextureCoordinate]0.1/1
・『Mutiply]
A⇒[Append]⇒A1B0
B⇒0.1#UnrealEngine #UE5 pic.twitter.com/T5wPvf3MhJ
— ヨシコフENGINE (@yoshikovENGINE) May 26, 2023

解説

マテリアルノード

前提

メインマテリアルノードの設定
MaterialDomain:Surface
BlendMode：Masked（数字をくりぬくから）
ShadingModel：DefaultLit
1-10のテクスチャを用意
1-10のテクスチャーをカクカク移動させてアニメーションさせる

今回は1024×128pixel