新しいエフェクトツール、Niagaraを楽しもう！ ～Niagara作例のブレイクダウン～
•
25 likes•15,774 views
講演動画：https://www.youtube.com/watch?v=jzrXrREsAoo プロジェクト：https://forums.unrealengine.com/international/japan/1543215-unreal-fest-east-2018%E3%81%AEniagara%E8%AC%9B%E6%BC%94%E3%81%A7%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%9F%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E5%85%AC%E9%96%8B%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6 2018年10月14日に行われた「UNREAL FEST EAST 2018」における池田様の講演で使用されたスライドです。 ●公式サイト https://unrealengine.jp/unrealfest/ ＝＝＝ 待望の新エフェクトツール「Niagara」では、これまでプログラマが居なくてはなかなか出来なかったことが、アーティストでも作ったり試せるようになりました。この講演では、Niagaraで制作したエフェクトを使って機能紹介やチップス、制作の流れの説明ならびにブレイクダウンを行います。
Recommended
More Related Content
What's hot
What's hot (20)
More from エピック・ゲームズ・ジャパン Epic Games Japan
More from エピック・ゲームズ・ジャパン Epic Games Japan (20)
Recently uploaded
Recently uploaded (7)
新しいエフェクトツール、Niagaraを楽しもう！ ～Niagara作例のブレイクダウン～
- 2. #ue4fest 1. 今日の内容は、Niagaraの使い方講座ではなく 主に作例のブレイクダウンです。 2. 使用バージョン： UE4.20.3 & 4.21.0 preview1 3. Niagaraはアーリーアクセス（2018年10月14日時点）です。 細かい点で今後変更の可能性があります。 最初に
- 4. #ue4fest 1. 新エフェクトツール「Niagara」って？ 特徴は？ 2. Niagara 制作例のブレイクダウン 今日の内容
- 5. #ue4fest
- 7. #ue4fest Cascade • 用意されたモジュールを使ってエフェクトを作る • プログラマなしにモジュール追加は超困難 Niagara • 自分でモジュール（機能）を作れる！ • あらゆるパラメータにアクセス可能 → 可能性は無限大 • HoudiniからNiagaraへ情報を渡せる プログラマブルVFX
- 9. #ue4fest Niagara • エミッターがアセット • 他のエフェクトでも使いまわせる • 使われる先で値の上書きが可能 データの持ち方 アセット化されたエミッター群(Niagara Emitter) エフェクト本体 （Niagara System)
- 10. #ue4fest • 用意されたモジュールでCascadeと似たフローで制作可能 + • 自分でモジュールを作ったり、エクスプレッションで制御 つまり • アーティストも、やりたいことを自分で試せる！ • テクニカル面で強くなれる＝プログラマさんの気持ちが少し解る これまで通りの制作 + 自分でいろいろ作れる
- 16. #ue4fest カニミソの備忘録（by カニパンチさん） ブログ http://crabpunch.hatenablog.com/ 第8回UE4勉強会のNiagaraの資料（by 塩谷さん） NiagaraでサクッとMorphEffectを作ろう https://www.slideshare.net/YuyaShiotani/niagaramorpheffe ct-113524177 作業工程 の動画 https://www.youtube.com/watch?v=Pl4IyfMvt_E 入門として、以下がオススメ
- 18. #ue4fest 1. Niagaraでエフェクトを作る 2. ブループリントを組んで、そこからNiagaraへ値を送る 1. 値をタイムラインで変化させ、２つの状態をブレンドさせる 2. もしくはNiagaraエフェクトを任意の場所に発生させる 以上 今回、基本的に何をしているか
- 26. #ue4fest では本編
- 27. #ue4fest 1. プレイヤーが走ると落ち葉が舞う 2. 渦を巻いてパーティクルがプレイヤーに集まる 3. パーティクルの色替え 4. 立方体状に並べる 5. 落ち葉からキューブに変化 6. びりびり 7. ブロック状の頭蓋骨へ遷移 8. レーザー発射 9. さらさら死に 10.パーティクルの海 どういった要素を入れたか
- 29. #ue4fest この表現に必要なもの • プレイヤーから各パーティクルまでの距離 • プレイヤーの周囲の空気だけが動かされるはずだから • プレイヤーの移動速度 • 動いていないときは、落ち葉が舞うとおかしいから • カールノイズを使ったフォース • 空気の複雑な動き（乱流）に向いているから 走ると落ち葉が舞う
- 30. #ue4fest • プレイヤーから各パーティクルまでの距離 ＝ length(プレイヤーの位置 - パーティクルの位置) 走ると落ち葉が舞う
- 34. #ue4fest • プレイヤーの移動速度をブループリントからNiagaraへ送る 走ると落ち葉が舞う プレイヤーが今、 どれくらい動いているか Niagaraの、この名前に 値を送ってあげている
- 38. #ue4fest • プレイヤー位置を中心に強さと範囲を掛け合わせた、 Vortexのフォース制御 ＝ Curl Noiseと大差ない制御 渦を巻いてプレイヤーに集まる
- 40. #ue4fest • Dynamic Mat Paramsで色替え 範囲内のパーティクル色替え
- 42. #ue4fest • Dynamic Mat Paramsで色替え 範囲内のパーティクル色替え
- 43. #ue4fest エクスプレッションのおまじない 「ブループリントから来る渦の強さ×0.5と、渦の影響範囲をいい感じに足してあげてください」 範囲内のパーティクル色替え 渦の力の半分 + 渦の力 × 影響範囲×影響範囲
- 45. #ue4fest • 16*16*16＝4096 particles • これも専用のモジュール作成 が必要 立方体状に並べる ＆ 回転
- 47. #ue4fest • Execution IndexノードでパーティクルのIndexを取得 • 順番に並べ、折り返したい数で次の列にすすむようにする 立方体状に並べる
- 48. #ue4fest • 例えば、4×4×4の64個並べる場合、0番目から順に ・・・63番目まで並べる 立方体状に並べる 0 1 2 3 4 5 6 7 8 9 Ⅹ 0 1 2 3 0 1 2 3 0 1 Y 0 0 0 0 1 1 1 1 2 2 Z 0 0 0 0 0 0 0 0 0 0 10 11 12 13 14 15 16 17 18 19 20 2 3 0 1 2 3 0 1 2 3 0 2 2 3 3 3 3 0 0 0 0 1 0 0 0 0 0 0 1 1 1 1 1 ここから2段目
- 53. #ue4fest 親エミッター（ビーム使用） • 1本50 particles ×3 • カールノイズとJitterで曲げた びりびり
- 54. #ue4fest 親エミッター • コリジョンイベントのついたビーム（びりびり本体） 子エミッター • GPUパーティクルの火花(6～22p) ＝進行方向に少し伸びる • シンプルなスプライトの煙(1p) • ポイントライト(1p) びりびりのコリジョン
- 55. #ue4fest 親に必要なものは、 Collision Query ならびに Collision Linear Impulse さらに Generate Collision Event びりびりのコリジョン
- 56. #ue4fest 子には Event Handler Properties と Receive Collision Event が必要 Sourceで親エミッターの、どの イベントで発生させるかを指定 びりびりのコリジョン
- 60. #ue4fest Houdiniを使うメリット 1. 事前に計算しておけるので、負荷の軽減ができる 2. 確実に、思ったような結果を得られる 3. Houdiniの機能を使った超複雑な挙動をリアルタイムで 動かすことができる ブロック頭蓋骨に遷移
- 61. #ue4fest 何をしているか • 円状に出現するようにポイント情報を Houdini上でソート • ArcTangent2 (atan2) を使用 • グラデーションの明るさをもとに IDの順番を整列 ブロック頭蓋骨に遷移 Atan2 シェーダーで見てみると、 こんなグラデーション
- 68. #ue4fest 6. Handle Spawned Houdini Particlesモジュールを使い、 Houdiniから出力したを読み込む ブロック頭蓋骨に遷移
- 77. #ue4fest • レーザー本体はメッシュ と頂点アニメーション • 地面の煙と破片は 見えないパーティクルの コリジョンで発生 • Vortexを使った GPUパーティクル２種 （合計約2,200 particles） レーザー発射 特別なことはしていない
- 79. #ue4fest • 攻撃方向に面した部分だけパーティクルを出す さらさら死に 全体から普通に出した場合 任意の方向の法線部分のみの場合 発生範囲を可視化したマテリアル
- 86. #ue4fest • パーティクル発生位置の頂点カラーをサンプリング • 数の暴力（約84,000 particles） • 動きはカールノイズと渦（Vortex)だけ • 色を変えるだけでなく、頂点の色などを見て発生範囲を絞る ことができる パーティクルの海
- 94. #ue4fest Photoshopで引き算してみると、こ んな感じ。 梵字とアンリアルマーク、相性がい いです。 違和感があまり仕事をしない。 （結果の部分、プロジェクタだと見 えにくいかもと思ったので、ちょっ とだけ明るくしている） • 青色（UEのマークのところ）だけ残す雑な方法 パーティクルの海 青（B) － 赤（R) － 緑（G) ＝ マークが残る
- 98. #ue4fest • 参考程度に… おまけ（Screen Texture Sampling)
- 99. #ue4fest • むりやりViewMatrix（参考程度に…） おまけ（Screen Texture Sampling)
- 100. #ue4fest • Niagaraは、ブループリントからの制御がカンタン • 自分でいろいろ作って試せる ＆ あらゆる部分に制御を加えられる！ • 自分でモジュールを作らなくても、かなりの表現力 • エフェクトを組み立てる点ではCascadeに近く馴染みやすい • とにかく面白い！ 皆さんもいっしょに「Niagara」を楽しもう！ 今日のまとめ