![見出し画像](https://assets.st-note.com/production/uploads/images/146070409/rectangle_large_type_2_230c0ee7642a2363dff35446d4a7cc28.png?width=1200)
UE5/UEFNナイアガラで桜の花びらを散らす#1
本記事では、Niagaraで以下の様な桜の花びらを散らせます。
(様々な葉っぱに応用できます)
![](https://assets.st-note.com/production/uploads/images/145713267/picture_pc_45a5da07bff125ac9b8f0f40b43f0b2d.gif?width=1200)
必要な知識
・マテリアルの基礎
・ナイアガラの基礎
使用するアセット
花びらのメッシュ
花びらのテクスチャ
プロジェクトに、これら2つのアセットをインポートします。
新規マテリアルを作ろう
新規マテリアル「M_Sakura」を作成し開きます。
![](https://assets.st-note.com/img/1719736611839-eFohkAi5Fo.png)
以下のようにTextureSampleノードに、上記でインポートしたテクスチャ(T_Sakura)を設定して、
T_Sakuraの背景を透過するために、マテリアルのBlend Modeを、
Maskedに変更します。
そして花びらを、裏側から見てもテクスチャ(T_Sakura)が見えるようにTwo Sidedに✓を入れます。
![](https://assets.st-note.com/production/uploads/images/145715536/picture_pc_ca643e61f865487339a1e5c46b3e9db1.gif?width=1200)
これでM_Sakuraマテリアルが完成しました。
新規ナイアガラシステムを作ろう
新規ナイアガラ「NS_Sakura_Leaf」を作ります。
![](https://assets.st-note.com/img/1719738845290-yqyzGO2yS1.png?width=1200)
![](https://assets.st-note.com/img/1719737374053-LlWOh5mKni.png)
エミッター選択時に、HangingParticulatesテンプレートを選択して開きます。
![](https://assets.st-note.com/img/1719748474758-9iZAnZj7nb.png?width=1200)
HangingParticulatesを元に、花びらが散る動きを表現していきます。
ここからは、各モジュールを設定していきます。
RenderをSpriteからMeshに変更
現在SpriteRendererがRender項目で使用されています。
![](https://assets.st-note.com/img/1719748961295-oyra1kSJfZ.png)
以下のようにMeshRendererに変更して、冒頭でインストールしたメッシュとマテリアルを適応します。
![](https://assets.st-note.com/production/uploads/images/145739848/picture_pc_8418b95b7f8871cf8d1501e468bd29c3.gif?width=1200)
![](https://assets.st-note.com/production/uploads/images/145740251/picture_pc_d064afba44692bf16ae319f70deec43f.gif?width=1200)
マテリアル適応時に、以下のようなエラーが表示された場合は対処します。
![](https://assets.st-note.com/img/1719968878581-XSp3C17u0b.png)
M_Sakuraマテリアルを開き、Detailsパネル内のさらにUsage内の以下の項目に✓を入れます。
「Particle Sprites」
「Mesh Particles」
「Niagara Sprites」
「MeshParticles」
「Nanite」
![](https://assets.st-note.com/img/1719750046014-PF7VV2RcGm.png)
これでエラーが表示されずに、NS_Sakura_Leafを確認すると桜が表示されていると思います。
![](https://assets.st-note.com/img/1719750389040-m5RN4ZQW6i.png?width=1200)
エミッターのモジュール設定
完成版
![](https://assets.st-note.com/img/1719750770740-vkT3k957Fm.png?width=1200)
上から順番に、各モジュールの詳細を設定していきます。
これから紹介する各モジュールの値は、あくまでも冒頭に紹介した桜の動画エフェクトになるように値が設定されています。
※各値はお好みで調整してください。
Emitter State
Loop Behaviorは、花びらを途切れることなく散らせたいのでinfiniteにしています。
![](https://assets.st-note.com/img/1719788066058-U1cDw6xC2K.png?width=1200)
Spawn Rate
![](https://assets.st-note.com/img/1719788288817-vI1SxqjuZb.png?width=1200)
Initialize Particle
LifetimeをRandomで長めに設定しいます。
今回はSpriteRendererではなくMeshRendererなので、SpriteAttributesを全てUnsetにしています。
MeshAttributesは、以下画像の様に設定しています。
![](https://assets.st-note.com/img/1719788511705-7n4I9DO2ZH.png?width=1200)
Shape Location
本エフェクトの形を、Boxで使用してBoxSizeを調整しています。
![](https://assets.st-note.com/img/1719795802665-gDgQ3h5kZc.png?width=1200)
Particle State
![](https://assets.st-note.com/img/1719795941469-6y6F1FHhT3.png?width=1200)
Curl Noise Force
このモジュールを使い、花びらが落ちるときのうねりを調整します。
![](https://assets.st-note.com/img/1719796037041-G75CqjEwb0.png?width=1200)
Wind Force
花びらに風の効果を当てます。
Wind SpeedをRandom Range Vectorに変更します。
Turbulenceとは直訳すると乱気流です。
TurbulenceのScaleの値(4.0)を大きくすれば花びらが暴れます?
![](https://assets.st-note.com/img/1719796795058-XRTqQU4Kap.png?width=1200)
Drag
説明が難しいですが、花びら同士が引っ張られるような表現です。
実際に、数値を極端上げ下げして確認してください。
![](https://assets.st-note.com/img/1719797198088-fbneXD29N6.png?width=1200)
Scale Color
Alphaのみ変更しています。
フワッと現れフワッと消えていきます。
その他のRGBの値は1.0です。
![](https://assets.st-note.com/img/1719797565713-aw7NzNAtaB.png?width=1200)
Mesh Rotation Force
各値とも -2.0~2.0 の間でランダムにメッシュ(花びら)が回転します。
![](https://assets.st-note.com/img/1719797758895-Yif8Ih5Kz5.png?width=1200)
Gravity Force
重力の設定です。
正の数値で無重力状態となり、負の数値で重力が重くなります。
今回は、Z軸のみに-100としています。
![](https://assets.st-note.com/img/1719798034525-eh0S0dHRtK.png?width=1200)
Solve Forced and Velocity
![](https://assets.st-note.com/img/1719798186989-DDTPGwWMFn.png?width=1200)
最後に一番上に戻って、Properties内のSimTargetをCPUからGPUに変更します。
簡単に説明するとこの設定は、このパーティクルの処理をCPUが行うかGPUが行うかの設定です。
Spawn Rateなどの数値が大きくなると、CPUでは様々な処理を行っているのでPCなどのスペックによっては、処理落ちしたり画面がカクついたりします。
Spawn Rateの数値を上げて、CPUやGPUに処理させて試して見るのがいいと思います。
![](https://assets.st-note.com/img/1719798567836-htcovlVBwd.png?width=1200)
最終結果
Previewで、以下のようになっていれば完成です。
![](https://assets.st-note.com/production/uploads/images/145848563/picture_pc_6edd76fecd8d1081aeb896997d09511c.gif?width=1200)