2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

UE5 崩壊スターレイルの模擬宇宙に突入する演出を実装してみた(一部)。

Last updated at Posted at 2024-03-09

概要

今回は崩壊スターレイルの模擬宇宙に突入する際、画面全体がぐわーんとなる演出を実装していきます。
*最後のUI演出は実装しません。
star.gif

実装

「Set Field Of View」をアニメーション

まずはキャラクターを中心にしたカメラが後ろに引くような演出を実装してきます。
「Set Field Of View」をアニメーションさせてカメラの画角を変更して再現します。

「BP_ThirdPersonCharacter」BPに以下のノードを実装しましょう。
SetFieldOFView.jpg
7キーを設定しているのはテキトーです、お好きなイベントを設定してください。

タイムラインの設定は以下のように設定します。
SetFieldOFViewAinmation.jpg

開始点は時間「0.0」値「90」です。
SetFieldOFViewAinmationStart.jpg

終点は時間「1.0」値「150」です。
SetFieldOFViewAinmationEnd.jpg

以下のような見た目になります。
Zoom.gif

逆魚眼レンズ

キャラクターを中心にしたカメラが後ろに引くような演出は実装できましたが、画面端が歪んだような演出が再現できていません。
再現するために逆魚眼レンズを実装していきましょう。

まずはポストプロセスマテリアルから実装しています。
ノードは以下のように作成します(Falloffは2に設定)。
InvertFishEye.jpg

次は「MPC_InvertFishEye」の「Intensity」をアニメーションしましょう。
前に作成したタイムラインに新しいトラックを作成します。
IntensityAinmation.jpg

開始点は時間「0.0」値「0.0」です。
IntensityAinmationStart.jpg

終点は時間「1.0」値「1.0」です。
IntensityAinmationEnd.jpg

BPには以下のように設定してください。
FinalBP.jpg

結果

ZoomAndInvertFishEye.gif

まとめ

おそらく再現できたと思います。

参照

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?