[UE5]Niagara Fluidsを触ってみる

# はじめに
この記事は「[Advent calendar 2022](https://qiita.com/advent-calendar/2022/ue)」その2の23日目の投稿記事です。

UE5のNiagara Fluidsを触ってみたのでそちらの紹介をしたいと思います。

### Niagara Fluidsとは
公式ドキュメント：[Niagara Fluids]()

UE5で導入されたリアルタイムに流体エフェクトを表現できるものになっています。
まだベータ機能のため今後の更新で変更等が入るかと思われます。

### 触ってできあがったもの
渦潮っぽいものができました。
![ezgif.com-gif-maker.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/3fb8289b-9dec-b1bf-d9a8-ccb83f8435c0.gif)

### 実際に使ってみる
使用バージョン：UE5.1.0

Edit→Plugins→「Niagara Fluids」のプラグインを有効にします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/f238fdab-00e1-bcba-d3d0-1db160465bec.png)
エディタの再起動を要求されるので再起動をします。

Add→Niagara Systemを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/277dec0b-133b-b444-6b14-e430c7dab69c.png)

テンプレートのシステムを選択してNextを押します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/be1ee964-bffe-a7f3-34db-20890377b5fc.png)

今回はGrid 3D Gas Smokeを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/d5a9af0d-5df0-ee72-789c-0e65f6d78731.png)

上記で作成したナイアガラを配置をすると火から煙が出るエフェクトが出ますが、メッシュを貫通しています。
![Videotogif.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/309a9c0e-2108-4b22-e58c-249346c64a48.gif)

配置してあるメッシュのタグに「collider」を設定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/98c4aef6-d5ad-2c48-860f-fe290cf32d2c.png)

上記のタグ設定を入れることでメッシュとエフェクトが当たるようになりました。
![Videotogif2.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/cf43f913-ed76-21a0-7dfd-b10f84055cf9.gif)

他のエフェクトも同様にブロックできます。
![Videotogif (1).gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/a0d02f9f-f816-1b08-e900-12f70aecbd54.gif)

詳細パラメータ
Collide_Meshes：前述でメッシュに設定したブロックするタグを指定します。
Show Overlays：エフェクトを再生しなおしができます。
ResolutionMaxAxis：エフェクトの解像度があがりますが、数値が大きいと負荷も高くなります。
Source Offset：エフェクト発生位置を変更できます。
World Space Size：エフェクトの発生できる境界ボリュームを設定できます。

### 渦潮っぽいものを作る
Niagaraのテンプレートから「Grid 3D Flip Pool」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/ea096ffa-4051-0fea-90bf-50c5e2c8d6ff.png)

上記で追加したナイアガラを配置すると画像のようなプールができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/1c2df789-ab33-846f-2c49-d5453c2df65c.png)

追加したナイアガラをダブルクリックで開きます。
大きさを(500, 500, 300)に変更します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/c8e63868-8006-a7aa-f943-5a1fdf1d5f2f.png)

画像のアイコンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/16925e6e-3fd0-aed2-c2e0-9d5c2c9691f6.png)

縦長に大量のプロパティが表示されるようになりますが、今回はParticle UpdateにCurl Noise ForceとVortex Forceを追加します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/c651edb1-4ab1-fed0-ca00-6c887cd7638b.png)
パラメータは下記のようにしています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/63d483c5-03c6-9f83-8cdc-afd87c4ae4a6.png)

上記の手順で冒頭の画像のような渦潮ができるかと思います。

こちらの渦潮もタグ設定することでアクター等と干渉させることができます。
![ezgif.com-gif-maker (4).gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536845/c5b9d4c2-0cfc-4b0d-fbb6-4c5c1d097037.gif)

---
### おわりに
今回はNiagara Fluidsを触ってみました。
まだベータ機能なので変更はあると思いますが、より流体エフェクトとしてリアルな表現ができる機能だと感じました。