もっとNiagaraを楽しもう！～UE4.25での作例と解説～ (UE4 VFX Art Dive)
•
14 recomendaciones•39,530 vistas
講演動画はこちら https://youtu.be/bkZkW-Hblig スライドデータはこちらからダウンロード可能です https://epicgames.box.com/s/ew7tcp2duaaruwb2zqrs8bbd5k789nji 発表者：池田 亘さま（Naughty Dog） 本スライドは2020年7月5日に行われた勉強会「 UE4 VFX Art Dive Online」の講演資料となります。
Recomendados
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Más de エピック・ゲームズ・ジャパン Epic Games Japan
Más de エピック・ゲームズ・ジャパン Epic Games Japan (20)
もっとNiagaraを楽しもう！～UE4.25での作例と解説～ (UE4 VFX Art Dive)
- 2. #UE4 | @UNREALENGINE このブレイクダウンをしていきます 環境：UE4.25.1 + Houdini 18.0287 (+SideFX Labs 313)
- 3. #UE4 | @UNREALENGINE 今日やること 1. VATの応用によるNiagaraでの破壊表現 何を行っているか 素材作成（Houdini) Niagaraとブリープリントでの制御 2. セル調の表現 今回の表現で試したことなど 3. 質疑応答
- 4. #UE4 | @UNREALENGINE 自己紹介 ● 16年ほどリアルタイムVFX ● UE4は趣味のひとつ ● Niagara芸人のひとり （代表芸: Unreal Fest East 2018 ～Niagaraを楽しもう！～) @WataruVFX
- 8. #UE4 | @UNREALENGINE 何を行っているか VATの基本: 3次元の位置情報XYZ → カラーのRGB バウンディングサイズ＝2.4731で割ると 0～1.0に納まる バウンディングの最小値の位置をゼロと みなすことで位置情報を正の値に統一する
- 9. #UE4 | @UNREALENGINE 何を行っているか VATの基本: 3次元の位置情報XYZ → カラーのRGB バウンディングサイズ＝2.4731で割ると 0～1.0に納まる バウンディングの最小値の位置をゼロと みなすことで位置情報を正の値に統一する 最終的にできるカラー R=0.6878, G=0, B=0.55367
- 11. #UE4 | @UNREALENGINE 何を行っているか ● VATの応用＝アニメーションとして使っていない ● 複数種類の破片の形状（頂点の位置）を記録したものとして使用 横軸＝頂点の位置情報 (Cropしてます) 縦軸＝1行ごとに１パーツを格納
- 12. #UE4 | @UNREALENGINE 何を行っているか ● VATだけどアニメーションさせていない ● 上から順に行ごとに破片パーツの頂点位置情報を格納している テクスチャサイズ＝1024*128 横幅1024ならば、341三角ポリゴンまで対応 縦＝パーツの数（今回は128パーツで作成） ● アニメーションはNiagaraのパーティクルの挙動
- 14. #UE4 | @UNREALENGINE まずはHoudiniでMeshとTexture作成 主な作業 1. 破片の生成 2. 破片の位置情報(CSV)の出力 3. 破片の位置補正 4. 法線情報に細工 5. (UV情報に細工 Option) 6. VATとメッシュの出力
- 15. #UE4 | @UNREALENGINE 1.破片の生成 ● よくあるISO Offset → Scatter → ボロノイ
- 18. #UE4 | @UNREALENGINE 4.法線情報に細工 Vertex Animation Textureのノードを少し改造 (SideFXLabs version 313を使用）
- 19. #UE4 | @UNREALENGINE 4.法線情報に細工 法線制御 なし 法線制御 あり
- 20. #UE4 | @UNREALENGINE 4.法線情報に細工 Vertex Animation Textureのノードを少し改造
- 21. #UE4 | @UNREALENGINE 4.法線情報に細工 Vertex Animation Textureのノードを少し改造 発売中（Kindle版もあります）
- 25. #UE4 | @UNREALENGINE マテリアル改造 1. Dynamic Parameterを使用 IDとしてNiagaraから値を受け取る
- 26. #UE4 | @UNREALENGINE マテリアル改造 2. 頂点位置をオフセット Niagaraから位置情報を取れるようにする
- 29. #UE4 | @UNREALENGINE マテリアル改造 なぜRだけにする？ ノードを辿ると何がある？
- 33. #UE4 | @UNREALENGINE Niagaraでの基本設定 1. CSVの読み込み 2. 回転対応（簡易） 3. スケール対応 4. パーツのIDをDynamic Parameterに渡す
- 34. #UE4 | @UNREALENGINE Niagaraでの基本設定 1. CSVの読み込み（自作のモジュール）
- 35. #UE4 | @UNREALENGINE Niagaraでの基本設定 1. CSVの読み込み（自作のモジュール）
- 36. #UE4 | @UNREALENGINE Niagaraでの基本設定 2. 回転対応（簡易）
- 37. #UE4 | @UNREALENGINE Niagaraでの基本設定 2. 回転対応（簡易）
- 38. #UE4 | @UNREALENGINE Niagaraでの基本設定 2. 回転対応（簡易） Niagara
- 39. #UE4 | @UNREALENGINE Niagaraでの基本設定 3. スケール対応
- 40. #UE4 | @UNREALENGINE Niagaraでの基本設定 4. パーツのIDをDynamic Parameterに渡す
- 41. #UE4 | @UNREALENGINE Niagaraでの基本設定 4. パーツのIDをDynamic Parameterに渡す
- 42. #UE4 | @UNREALENGINE Niagaraでの基本設定 4. パーツのIDをDynamic Parameterに渡す IDを渡したとき IDを渡してないとき
- 43. #UE4 | @UNREALENGINE IDって？ 1. Dynamic Parameterを使用 IDとしてNiagaraから値を受け取る 16パーツの場合の縦（UVのV）の位置 1行目＝0 2行目＝0.0625 3行目＝0.125 … 16行目＝0.9375
- 44. #UE4 | @UNREALENGINE Tips: Attribute Spreadsheet(属性スプレッドシート)が便利
- 45. Niagaraでの基本設定
- 47. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション 1. レーザーからの距離で影響範囲設定 2. Vortex、Velocity、Line Attraction Force、Drag、Gravity 3. 元の位置に戻す
- 48. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション 1. レーザーからの距離で影響範囲設定
- 49. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション 1. レーザーからの距離で影響範囲設定 距離を調べてOne Minus(1-x)で反転。白いところが影響範囲。 白黒反転した結果
- 50. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション 1. レーザーからの距離で影響範囲設定（自作モジュール） 新しいノードが 用意された！
- 51. #UE4 | @UNREALENGINE Normalize Distance Rangeの中身を見てみると… Niagara+ブループリントでのインタラクション 展開 展開
- 52. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション 2. Vortex、Velocity、Line Attraction Force、Drag、Gravity
- 57. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション Niagara Parameter Collection (NPC) とは？ Override 任意のエフェクトがパラメータを 名前で取得
- 60. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション Particles.StoredMoveは何のため？ ＝フラグです Int値↑ Particles.StoredMove = clamp(0,1, Particles.StoredMove + ((0.01 < Particles.StoredMove)?1:0) );
- 65. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション Add Velocity from Point
- 66. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション Line Attraction Force
- 69. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション 4. 元の位置に戻す（自作モジュール） Particle Spawn時点のパーティクル位置を保持 ↓ キー入力（ブループリント）があったときにLerpで現在位置と保持した初期位置 をブレンドしながら戻していく。
- 70. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション 4. 元の位置に戻す（自作モジュール） ParticleのSpawn時にPositionとMesh Orientationを格納しておく
- 71. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション 4. 元の位置に戻す（自作モジュール） Particle Update（パーティクル更新）で元の位置に戻す計算をする
- 72. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション 4. 元の位置に戻す（自作モジュール）
- 73. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション 4. 元の位置に戻す（自作モジュール）
- 74. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション 4. 元の位置に戻す（自作モジュール）
- 75. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション 4. 元の位置に戻す（自作モジュール）
- 76. #UE4 | @UNREALENGINE Niagara+ブループリントでのインタラクション 4. 元の位置に戻す（自作モジュール）
- 84. #UE4 | @UNREALENGINE セル表現について System OverView (システムの概要)ウィンドウでの管理
- 86. #UE4 | @UNREALENGINE セル表現について 法線（X) 法線（Y)マスク 基本のテクスチャはこんな感じ ディゾルブ用
- 89. #UE4 | @UNREALENGINE セル表現について 簡易的にライト対応 ワールド空間 タンジェント空間 タンジェント空間からワールド空間へ変換
- 90. #UE4 | @UNREALENGINE PDO (Pixel Depth Offset) が効果的
- 91. #UE4 | @UNREALENGINE PDO (Pixel Depth Offset) が効果的 テクスチャのグラデーションをそのまま使用した
- 92. #UE4 | @UNREALENGINE PDO (Pixel Depth Offset) が効果的
- 93. #UE4 | @UNREALENGINE PDO (Pixel Depth Offset) が効果的
- 100. #UE4 | @UNREALENGINE 小ネタ：Spriteの回転制御 Spriteの回転制御 あり 回転制御 なし (ランダム回転)
- 102. #UE4 | @UNREALENGINE 質疑応答 エフェクト本 「HoudiniとUnreal Engine 4で学ぶリアルタイムVFX」 ～ レベルアップのための心得と実践 ～ ボーンデジタルさんから発売中です！(Kindle版もあります) @WataruVFX よかったらフォローしてやってください