Download as PDF, PPTX
Uploaded byエピック・ゲームズ・ジャパン Epic Games Japan
豚×京都 ~UE4でなろう破壊神~ (UE4 VFX Art Dive)
講演動画はこちら https://youtu.be/6SoaPTX_vvw スライドデータはこちらからダウンロード可能です https://epicgames.box.com/s/locsql9m36jcx0rx5xsj9ia85hk2p8cl 発表者：斎藤 修（Epic Games Japan） 本スライドは2020年7月5日に行われた勉強会「 UE4 VFX Art Dive Online」の講演資料となります。
More Related Content
![[UE4]マテリアルの注意すべきこと！～テクスチャロードとSwitch～](https://cdn.slidesharecdn.com/ss_thumbnails/ue4materialcaution-190309153116-thumbnail.jpg?width=640&height=640&fit=bounds)
![[CEDEC2018] UE4で多数のキャラクターを生かすためのテクニック](https://cdn.slidesharecdn.com/ss_thumbnails/cedec2018charcterperdormanceoptimze-180823081028-thumbnail.jpg?width=640&height=640&fit=bounds)
![[CEDEC2017] UE4プロファイリングツール総おさらい（グラフィクス編）](https://cdn.slidesharecdn.com/ss_thumbnails/ue4profilingbasiccedec2017-170831013144-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to 豚×京都 ~UE4でなろう破壊神~ (UE4 VFX Art Dive)
![[GTMF2019]Unreal Engine 4の2019年上半期 アップデート情報まとめ](https://cdn.slidesharecdn.com/ss_thumbnails/tokyogtmf2019sawada-190718080113-thumbnail.jpg?width=640&height=640&fit=bounds)
豚×京都 ~UE4でなろう破壊神~ (UE4 VFX Art Dive)
- 1. 豚×京都 ~UE4でなろう破壊神~ Epic Games Japan TechnicalArtist - Developer Relations 斎藤 修
- 2. #UE4 | @UNREALENGINE 自己紹介 斎藤修 Epic Games Japan Technical Artist - Developer Relations ● 2019年6月からEpicに入りました ● それまでは規模大きめのコンソール開発してました ● その前は漫画とか描いてました ● UE4とHoudiniが好物です https://twitter.com /shiba_zushi
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9. #UE4 | @UNREALENGINE はじめに なのでUE4を使って破壊しましょう！
- 10.
- 11.
- 12.
- 13. #UE4 | @UNREALENGINE 今日話すこと ・豚を使って京都の街並みを破壊する方法 →UE4における破壊に関する機能 ワークフローの紹介 RigidBody Soft Body AlembicFBX VAT Niagara Raymarching Houdini Fluid PhysX Chaos etc...
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21. #UE4 | @UNREALENGINE はじめに まずはじめに私の中の破壊神は仰られました
- 22. #UE4 | @UNREALENGINE はじめに まずはじめに私の中の破壊神は仰られました 美しいものを 壊しなさい
- 23.
- 24.
- 25. #UE4 | @UNREALENGINE はじめに では早速破壊を……
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32. #UE4 | @UNREALENGINE なぜ？？ 破壊とはつまり 「物理的」なシミュレーションです
- 33.
- 34. #UE4 | @UNREALENGINE なぜ？？ 適切な形でめり込みのない 物理的に正しいモデルにする必要があります
- 35.
- 36.
- 37. #UE4 | @UNREALENGINE モデルの準備 なのでこれを そのままシミュレーションすると……
- 38.
- 39.
- 40.
- 41. #UE4 | @UNREALENGINE モデルの準備 では先程の家一軒を破壊readyにする為に どれくらいの対応が必要か？
- 42.
- 43.
- 44. #UE4 | @UNREALENGINE モデルの準備 モデル対応シミュレーション設定
- 45.
- 46.
- 47.
- 48. #UE4 | @UNREALENGINE モデルの準備 赤色が破壊readyではないパーツです
- 49.
- 50.
- 51. #UE4 | @UNREALENGINE モデルの準備 これらは全て非常に丁寧な「最適化」です 厚み0（ペラポリ） 裏面ポリなし 見えてない箇所は 天井がない 見えてない箇所は 壁がない 地面へのめり込み 一枚ポリで まとめられた板壁 一体成型された瓦 閉じられていない ぶっさしモデル
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58. #UE4 | @UNREALENGINE モデルの準備 これ破砕readyのモデル UE4でレイアウトしといたから いい感じに壊しといて
- 59.
- 60.
- 61.
- 62.
- 63.
- 64. #UE4 | @UNREALENGINE モデルの準備 「RemoveDegenerates」のチェックを入れると 位置、UV、ノーマルなどが同じ頂点は結合されます
- 65. #UE4 | @UNREALENGINE モデルの準備 つまりUE4にインポートするという事は 元のモデルとは全く違うモデルが生成されるという事です
- 66. #UE4 | @UNREALENGINE モデルの準備 さらにエクスポート時にUE4は 気を利かせて頂点融合してからエクスポートします
- 67. #UE4 | @UNREALENGINE モデルの準備 具体例を出しますと例えばこのモデルは UE4に入れて出すとこうなって出てきたりします
- 68.
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76. #UE4 | @UNREALENGINE ワークフロー さて数々の地雷をくぐり抜け ようやく美しき京都アセットが破壊readyとなりました
- 77.
- 78.
- 79. #UE4 | @UNREALENGINE ワークフロー UE4で破壊表現する場合 大きく分けて2つのワークフローがあります 事前に破壊するリアルタイムに破壊する Alembic FBX VAT Niagara PhysX Chaos
- 80. #UE4 | @UNREALENGINE ワークフロー 今回の作例は「事前に破壊する」を採用しています 事前に破壊するリアルタイムに破壊する Alembic FBX VAT Niagara PhysX Chaos
- 81. #UE4 | @UNREALENGINE ワークフロー 事前に破壊するリアルタイムに破壊する Alembic FBX VAT PhysX Chaos Niagara Niagaraによるリアルタイム破砕は このあと池田さんの講演で事例がご紹介されます！
- 82. #UE4 | @UNREALENGINE ワークフロー 事前に破壊するリアルタイムに破壊する Alembic FBX VAT Chaos Niagara PhysXとChaosは？ PhysX
- 83.
- 84.
- 85.
- 86.
- 87.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94. #UE4 | @UNREALENGINE Chaosについてはまた別の機会に 掘り下げてお話させて頂けましたら ワークフロー
- 95.
- 96. #UE4 | @UNREALENGINE ワークフロー では「事前に破壊する」ワークフローについて 事前に破壊するリアルタイムに破壊する Alembic FBX VAT Niagara PhysX Chaos
- 97. #UE4 | @UNREALENGINE 事前破壊 「事前に破壊する」場合破壊シミュレーション自体は 各DCCツールなどで行っておく必要があります
- 98.
- 99.
- 100.
- 101. #UE4 | @UNREALENGINE 事前破壊 SideFXLabsを使うと デストラクションデータのエクスポートも非常に簡単です https://www.sidefx.com/ja/products/houdini/whats-new-in-18/
- 102.
- 103. #UE4 | @UNREALENGINE 事前破壊 今回検証した実装方法は以下の3種類 事前に破壊するリアルタイムに破壊する Alembic FBX VAT Niagara PhysX Chaos
- 104. #UE4 | @UNREALENGINE 事前破壊 これらの手法実装方法は異なりますが 見た目としてはほぼ同じです
- 105. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ? ? ? 処理負荷 ? ? ? 作業コスト ? ? ? 事前破壊 それぞれの手法の特徴をご説明します AlembicFBX VAT
- 106. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ? ? ? 処理負荷 ? ? ? 作業コスト ? ? ? FBX まずはFBXから AlembicFBX VAT
- 107. #UE4 | @UNREALENGINE FBX FBXと分類していますが実装としては スケルタルメッシュによるボーンアニメーションです
- 108. #UE4 | @UNREALENGINE FBX 破壊モーションはHoudiniで作成し「Side FX Labs」の 「RBD to FBX」でFBXエクスポートしています
- 109. #UE4 | @UNREALENGINE FBX 「RBDto FBX」に関してはこちらをご参照下さい https://www.sidefx.com/ja/tutorials/game-tools-rbd-to-fbx/
- 110.
- 111. #UE4 | @UNREALENGINE FBX その際ルートが原点にできるので アニメーション精度やバウンズにはご注意下さい
- 112. #UE4 | @UNREALENGINE FBX またスケルタルアニメーションのメリットとしては ノーティファイを打てる事も挙げられると思います
- 113.
- 114. #UE4 | @UNREALENGINE FBX またスケルタルアニメーションは アニメーション圧縮が可能な点も強力なメリットです
- 115.
- 116.
- 117. #UE4 | @UNREALENGINE FBX また処理負荷に関しては主にCPUコストとして出てきます
- 118. #UE4 | @UNREALENGINE FBX また処理負荷に関しては主にCPUコストとして出てきます タスクスレッドで 並列処理される アニメーション更新処理
- 119. #UE4 | @UNREALENGINE FBX また処理負荷に関しては主にCPUコストとして出てきます タスクスレッドで 並列処理される アニメーション更新処理 レンダースレッドで処理される GPUスキニング更新処理
- 120.
- 121. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ? ? ? 処理負荷 ? ? ? 作業コスト ? ? ? FBX という感じで凄くざっくりとまとめますと… AlembicFBX VAT
- 122. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ○ ? 処理負荷 ? ? ? 作業コスト ? ? ? FBX という感じで凄くざっくりとまとめますと… AlembicFBX VAT アニメーション圧縮が 可能なので 長尺で有利
- 123. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ? ? 処理負荷 ○ ? ? 作業コスト ? ? ? FBX という感じで凄くざっくりとまとめますと… AlembicFBX VAT 懸念はCPUによる アニメーション更新コストと GPUスキニング更新コスト （特別重いという事はないです）
- 124. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ? ? 処理負荷 ○ ? ? 作業コスト △ ? ? FBX という感じで凄くざっくりとまとめますと… AlembicFBX VAT パーツ数が多いと インポート処理が結構大変 実装手順もそれなりに多い
- 125. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ? ? 処理負荷 ○ ? ? 作業コスト △ ? ? FBX FBXはこんな感じです！ AlembicFBX VAT
- 126. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ? ? 処理負荷 ○ ? ? 作業コスト △ ? ? Alembic では次にAlembic AlembicFBX VAT
- 127. #UE4 | @UNREALENGINE Alembic はじめにAlembicインポータはデフォルトで使用できますが 「実験的機能」である点はご考慮下さい https://docs.unrealengine.com/ja/Engine/Content/Importing/AlembicImporter/index.html
- 128. #UE4 | @UNREALENGINE Alembic またAlembicには3種のインポート方法があります
- 129.
- 130.
- 131.
- 132.
- 133. #UE4 | @UNREALENGINE Alembic またジオメトリキャッシュは モデルやモーションのプレビューができない点が若干困ります
- 134.
- 135.
- 136. #UE4 | @UNREALENGINE Alembic また並列処理されていますが 頂点全てを操作する為処理負荷も高めです レンダースレッドと タスクスレッドで 大量に処理されている デコード処理など
- 137. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ? ? 処理負荷 ○ ? ? 作業コスト △ ? ? Alembic という感じでざっくりとまとめますと… AlembicFBX VAT
- 138. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ? 処理負荷 ○ ? ? 作業コスト △ ? ? Alembic という感じでざっくりとまとめますと… AlembicFBX VAT 頂点ごとのデータを持つため データサイズは重い
- 139. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ? 処理負荷 ○ △ ? 作業コスト △ ? ? Alembic という感じでざっくりとまとめますと… AlembicFBX VAT 頂点ごとに処理されるため 処理負荷も重め
- 140. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ? 処理負荷 ○ △ ? 作業コスト △ ○ ? Alembic という感じでざっくりとまとめますと… AlembicFBX VAT インポート処理が比較的早く エクスポートも簡単
- 141. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ? 処理負荷 ○ △ ? 作業コスト △ ○ ? Alembic Alembicはこんな感じです！ AlembicFBX VAT
- 142. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ? 処理負荷 ○ △ ? 作業コスト △ ○ ? VAT 最後にVAT AlembicFBX VAT
- 143. #UE4 | @UNREALENGINE VAT VATとはVertexAnimation Textureの略で 頂点シェーダーを利用してオフセット表現を行う手法の事です
- 144. #UE4 | @UNREALENGINE VAT VATの仕組みに関してはこのあと池田さん宮本さんの講演で とても丁寧にご説明されておりますので 是非そちらをご覧下さい
- 145. #UE4 | @UNREALENGINE VAT 破壊モーションはこれまで同様Houdiniで作成し 「SideFX Labs」の「Vertex Animation Textures ROP」で エクスポートしています
- 146. #UE4 | @UNREALENGINE VAT VATテクスチャはインポート後 非圧縮リニア ニアレストに設定
- 147. #UE4 | @UNREALENGINE VAT VATマテリアルは「VertexAnimation Textures ROP」の テキストをエディタにコピペするだけで簡単に作れます
- 148. #UE4 | @UNREALENGINE VAT データサイズはRBDに関して言えば VATはかなりリーズナブルです Alembic FBX VAT
- 149.
- 150. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ? 処理負荷 ○ △ ? 作業コスト △ ○ ? VAT という事でざっくりとまとめますと… AlembicFBX VAT
- 151. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ○ 処理負荷 ○ △ ? 作業コスト △ ○ ? VAT という事でざっくりとまとめますと… AlembicFBX VAT RBDは破片単位で ピクセルを持つので データサイズは小さい
- 152. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ○ 処理負荷 ○ △ ◎ 作業コスト △ ○ ? VAT という事でざっくりとまとめますと… AlembicFBX VAT 処理負荷はGPUに依存する 現行コンソールなどであれば 概ね最軽量と考えて良い
- 153. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ○ 処理負荷 ○ △ ◎ 作業コスト △ ○ ✕ VAT という事でざっくりとまとめますと… AlembicFBX VAT マテリアルやテクスチャの 適切な設定と管理が大変 エクスポートも 問題が発生しやすい
- 154. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ○ 処理負荷 ○ △ ◎ 作業コスト △ ○ ✕ VAT VATはこんな感じです！ AlembicFBX VAT
- 155. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ○ 処理負荷 ○ △ ◎ 作業コスト △ ○ ✕ ワークフロー かなり雑な比較ですので あくまで参考程度に… AlembicFBX VAT
- 156. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ○ ? 処理負荷 ○ △ ◎ ? 作業コスト △ ○ ✕ ? ワークフロー ちなみに もしここにリアルタイム破壊を入れた場合… AlembicFBX VAT PhysX Chaos
- 157. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ○ ◎ 処理負荷 ○ △ ◎ ? 作業コスト △ ○ ✕ ? ワークフロー AlembicFBX VAT PhysX Chaos ちなみに もしここにリアルタイム破壊を入れた場合… リアルタイムに計算されるので データサイズは小さい
- 158. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ○ ◎ 処理負荷 ○ △ ◎ ✕ 作業コスト △ ○ ✕ ? ワークフロー AlembicFBX VAT PhysX Chaos ちなみに もしここにリアルタイム破壊を入れた場合… 数万パーツの破片の演算を リアルタイムで行うのは かなり厳しい
- 159. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ○ ◎ 処理負荷 ○ △ ◎ ✕ 作業コスト △ ○ ✕ ◎ ワークフロー AlembicFBX VAT PhysX Chaos ちなみに もしここにリアルタイム破壊を入れた場合… DCCツールと行ったり来たり しなくてすむのは非常に楽
- 160. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ○ ◎ 処理負荷 ○ △ ◎ ✕ 作業コスト △ ○ ✕ ◎ ワークフロー AlembicFBX VAT PhysX Chaos こんな感じでしょうか
- 161. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ○ ◎ 処理負荷 ○ △ ◎ ✕ 作業コスト △ ○ ✕ ◎ ワークフロー AlembicFBX VAT PhysX Chaos 状況に応じて 適宜一番良い手法をご選択頂けたらと思います
- 162. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ○ ◎ 処理負荷 ○ △ ◎ ✕ 作業コスト △ ○ ✕ ◎ ワークフロー AlembicFBX VAT PhysX Chaos ちなみに今回の作例では Rigid BodyではFBXを
- 163. #UE4 | @UNREALENGINE FBXAlembic VAT データサイズ ○ ✕ ○ ◎ 処理負荷 ○ △ ◎ ✕ 作業コスト △ ○ ✕ ◎ ワークフロー AlembicFBX VAT PhysX Chaos Soft BodyではAlembicを使用しました
- 164. #UE4 | @UNREALENGINE ワークフロー 理由としては実装速度重視で処理負荷を度外視した為です （重すぎたらVATに置き換えようと考えていました） 日本家屋 街並み全体 (RigidBody) FBX 豚 のれんなど (SoftBody) Alembic
- 165. #UE4 | @UNREALENGINE SoftBody ちなみにSoftBodyに関しては Alembic、VATはそのまま実装可能かと思いますが
- 166.
- 167. #UE4 | @UNREALENGINE シーン製作 さてこれでようやく事前破壊したデータを UE4に実装できましたので 見た目を調整していきましょう
- 168.
- 169. #UE4 | @UNREALENGINE 自動化BP 今回少し複雑な破壊でマテリアルの種類が多かったので Editor Utility Widgetでアサインを自動化しました
- 170.
- 171. #UE4 | @UNREALENGINE 自動化BP EditorUtility Widgetに関する情報は ネット上で強い方が沢山発信して下さっております 本当にありがとうございます http://kinnaji.com/ https://qiita.com/EGJ-Kaz_Okada/items/985b98fb934d751f4f69 https://qiita.com/EGJ-Kaz_Okada/items/9f530db3b53d0fde3f20
- 172.
- 173.
- 174.
- 175.
- 176.
- 177. #UE4 | @UNREALENGINE Niagara Niagaraで使用することで破壊シミュレーションに対応した エフェクトを簡単に出すことが可能です
- 178.
- 179.
- 180.
- 181.
- 182.
- 183. #UE4 | @UNREALENGINE Raymarching Houdiniで破壊シミュレーションに合わせて 煙のシミュレーションを行い
- 184. #UE4 | @UNREALENGINE Raymarching SideFXLabsの「Volumeto Texture」ノードで 3Dテクスチャをエクスポート
- 185.
- 186.
- 187. #UE4 | @UNREALENGINE Raymarching Pythonを使用し連番テクスチャをアサインしたプレーンを フレーム数分自動作成して整列させ
- 188.
- 189. #UE4 | @UNREALENGINE Raymarching 今回はメモリを 気にしなかったので 大量の高解像度連番テクスチャを 使用しましたが状況によっては ループ化してしまうのも 良いのではないかと思います
- 190.
- 191.
- 192.
- 193. #UE4 | @UNREALENGINE Material 手法としてはPre-SkinedLocal Positionを利用することで モデルが壊れたタイミングで歪むようにしています
- 194. #UE4 | @UNREALENGINE Material Pre-SkinedLocal Positionはスケルタルメッシュアニメーションでのみ 使用可能なノードですが 非常に便利です
- 195. #UE4 | @UNREALENGINE Material AlembicやVATの場合でも UVに壊れる前の位置や壊れた後の位置を埋め込んでおくことで 自然なひび割れなどを表現することが可能かと思います
- 196.
- 197.
- 198.
- 199. #UE4 | @UNREALENGINE 撮影 専用のアプリとプラグインを入れるだけで すぐに撮影が可能ですので是非皆様もお試し頂けましたら
- 200.
- 201. #UE4 | @UNREALENGINE 仕上げ ライティングとポスプロは基本的に京都アセットの設定を そのまま使用させてもらってます
- 202.
- 203.
- 204. #UE4 | @UNREALENGINE 仕上げ という感じで……
- 205.
- 206.
- 207.
- 208.
- 209. #UE4 | @UNREALENGINE まとめ 破壊シーンを作るには 破壊readyのモデルが必要です 破壊は計画的に行いましょう UE4には破壊シーンを実装する際 複数のワークフローが存在します 状況に合わせてより良い方法を 選択しましょう
- 210.
- 211.
- 212.