デジタル水遊び 【UE4 VFX Art Dive 2020】

デジタル水遊び 株式会社スクウェア・エニックス ©2020 SQUARE ENIX CO., LTD. All Rights Reserved. 宮本 浩司

略称について ・『Unreal Engine 4』をスライド内では『UE4』と記載しています ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

スライドは後日公開します ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

自己紹介 宮本 浩司(Miyamoto koji) 株式会社スクウェア・エニックス VFXアーティストとして、インゲーム カットシーンのエフェクトを作成しています 趣味は旅行兼釣り ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

今回のテーマ ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

VAT(Vertex Animation Texture) Fluid(流体)に焦点を当てていきます ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

VATって何？ という方も試してみたくなるように お話しますので安心してください ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

※開発タイトルとは全く関係ありません ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

• アジェンダ お品書き ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

• VAT(Fluid)の簡単な説明 • 水をスロー撮影してみる • DCCツールでモデルデータを作成 • DCCツールで流体データを作成 • 流体データ作成方法を模索 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

• DCCツールで流体データを調整 • VATデータを書き出す • UE4エフェクト作成事例 • VATの所感 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

• アジェンダ VAT(Fluid)の簡単な説明 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

VAT(Vertex Animation Texture) ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

DCCツールで作成したジオメトリからテクスチャに情報を格納し ゲームエンジン等でテクスチャを元にデータを再構築するもの ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

VATの使用用途として • ソフトボディ ・・・柔らかな物体のシミュレーション • リジッドボディ ・・・剛体シミュレーション • フルイド(今回説明) ・・・流体シミュレーション • スプライト ・・・パーティクルシミュレーション ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

VATのワークフローで必要な テクスチャとメッシュ これらはDCCツールで作成します ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

DCCツール → テクスチャ出力 → UE4で再構成 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

テクスチャにどんな情報が格納されているのか ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

・Rチャンネル : posX 頂点(緑の●)の位置と法線 情報がRGBAチャンネルに格納されている ※1pixelに1頂点の情報 ・Gチャンネル : posY ・Bチャンネル : posZ ・Aチャンネル : normal ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

DCCツール説明の前に 内容を把握した所で早速VAT出力に 行きたい所ですがはやる気持ちを抑えつつ 流体を実際に撮影してみました ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

• アジェンダ 水をスロー撮影してみる ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

撮影準備 手持ちのスマホに960fpsの スロー撮影機能があったので撮影開始 さぁ スローモーションの世界へ ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

スマホでスロー撮影出来るなんていい時代になりました あと 体を動かすとモチベーションが上がりますよね ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

今回用意したもの • スマホカメラ(スロー撮影出来るもの) • 水(シャワー) • バケツ • 小物類いろいろ ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

それでは撮影 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

水をはったバケツに 身近な小物を投げ込んでいきました ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

身の回りにあるもの ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

六角錘(40号) サビキ仕掛け、胴突き仕掛けでに最適な六角錘 投入する角度で色々な表情をみせてくれます 良い仕事してますね ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

ナツメ錘(30号)+フック 最近脚光を浴びているナツメ錘 フックを付けるとエサ無しで魚が釣れます フックの影響あるのか？ ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

スパイク錘 ノマセ釣りならスパイク錘 トーラスより複雑！？ 水しぶきがダイナミック ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

エギ(ルアー) イカ釣りルアーのエギ しっぽのカンナが水を掴んで良い感じ 今回のダークホースか！？ ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

指で弾く これはこれでいい感じ お手軽です ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

とにかく 流体は魅力的ですよね ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

実際に物を投げ込んでみて ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

上から物を落とすと二回目の水ハネがあり 水面が物に押し込められて凹む程 第2波が大きくなるようです CGでこれを消すのは厄介そうですが 尖った水ハネが出来がちなので その結果が欲しい場合は利用するのもアリ ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

この大きさの流体になるとポリゴン数はさすがに多そう これ結構重要!! ローポリで絵がガビガビになるくらいだったら別にVATじゃなく テクスチャでなんとかする等 違うアプローチが求めれらそうです ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

CGで作りから始めるとサイズ感が掴みにくいので 実物をみるとサイズ感がつかめて良いですね 粘性が高い液体の場合は結果が違って面白そう ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

• アジェンダ おまけ ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

花の水やり風景 これはメテオか何かを彷彿をさせますね 「いいですとも！」 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

最後はやっぱり忘ちゃいけないコレですね 無事びしょびしょになりました ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

体を動かすとモチベーションあがりますよね さて これらをCGでやります ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

では 机に向かいましょう ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

• アジェンダ DCCツールでモデルデータを作成 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

流体に投入するモデルを考える Houdiniの豚 ラバートイ 甲殻類の様なイカ シンプルにプリミティブ球体やボックス このようなモデル達にお声をかけようかと迷いましたが ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

せっかくなのでモデリングしました ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

六角錘 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

スパイク錘 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

エギ(3号想定) ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

• アジェンダ DCCツールで流体データを作成 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

Houdiniで進めていく 今回はHoudiniを使っていきます VATが吐き出せる環境であればなんでもいいと思います 環境を整えれば色々なDCCツールで 作成可能かと思いますが VATの出力するまで ある程度ツールが用意されているのが良いですね ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

Fluid作成からUE4出力迄一通りサポート SideFX Labs(旧Game Development Toolset) ツールが用意されているのでそれを利用します ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

SideFx LabsタブからVATを選択して vertex_animation_texturesを呼び出す ノードが用意されています ありがたいですね ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

VAT出力に関する情報が詰め込まれています ・soft ・rigid ・Fluid ・sprite 以上 4点の項目がすでに用意されています 後はFluidデータを用意するだけですね ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

• アジェンダ 水ハネ シブキ(Fluid)データを作成する ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

六角錘 六角錘を水面に投げ込む ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

スパイク錘 スパイク錘を水面に投げ込む ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

エギ(ルアー) エギ(ルアー)を水面に投げ込む ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

水面から飛びさせてみる ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

実写と見比べても割と良い感じの 結果になりました ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

• アジェンダ 流体データ作成方法を模索 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

Substanceデータを利用する ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

Substanceデータ＋フォースを利用してメッシュを作成 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

Substanceデータはアニメーション出来るので 色々な工夫が出来そうです ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

Megascansを利用する ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

Megascansのデータを投げ込みたくなりますよね 最終的な成果物がUE4で使われていれば使用出来るようですが 今回は“物”をUE4に持っていかないので使用しませんでした ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

• アジェンダ DCCツールで流体データを調整 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

Fluid調整 削除 ・パーティクルを座標で削除 ・パーティクルをオブジェで削除 ・パーティクルをIDで削除 ・パーティクルを寿命で削除 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

座標で削除 Ｙ軸でしきい値を設定して削除しました ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

オブジェで削除 オブジェを使えば要らないパーティクルの調整に便利 急にパーティクルが削除されない様に削除範囲を設定しています ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

IDで削除 ＩＤで選別すれば指定したパーティクルを追いかけて残したり 削除する事が出来ます ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

寿命で削除 実際の水では起こりえないですが パーティクルの寿命で削除 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

これらの方法を組み合わせれば 狙った範囲の 最適なパーティクルを抜き出せると思います ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

Fluid調整 メッシュ作成 パーティクルメッシュ化について ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

パーティクルをメッシュ化 大体のメッシュの形の調整はメッシュ作成時のパラメーターで調整 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

Fluid調整 最適化 ・ラティスで調整 ・小さいメッシュを取り除く ・尺調整 ・ポリゴンを削減(PolyReduce) ・ポリゴンをスムージング ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

ラティスで調整 ラティスで微調整したり、大きくグニャっとやってしまったり ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

小さいメッシュを取り除く Delete_small_partsノードでメッシュ化時の小さなメッシュを削除 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

尺調整 timewarpノードでデータ出力の尺を調整 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

ポリゴンを削減(PolyReduce) PolyReduceノードでポリゴンをリダクション ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

パーティクルやポリゴンをスムージング ポリゴンのリダクション時にガタついた箇所をスムースで調整 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

• アジェンダ VATデータを書き出す ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

VATデータを書き出す ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

• アジェンダ UE4エフェクト作成事例 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

とりあえずシンプルにデータを出力 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

六角錘出力 一番手は六角錘 環境マップ＋屈折入れてます ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

スパイク錘 ダイナミックさのスパイク錘 期待を裏切らないですね ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

エギ(ルアー)出力 まさかエギで作成したとは誰も思わないだろう。。 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

アレンジしてみる ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

発光させて出力 発光させると一気にファンタジックになりますね ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

Substanceのぐるぐる出力 粒の追加とフレネルと屈折と発光 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

地面を這う衝撃 エギが倒れる水しぶきを利用 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

炎の輪 ポリゴン数とパターン数が気になるので パーティクルを新たに付け加えて見た目を上手く補間する ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

炎の輪(地面) 炎の輪を1/4にしてエディター上でぐるりと複製して節約 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

噴水/間欠泉 VATのみだとエッジが立って小規模な表現に見えてしまうので 水しぶきが霧散するように補助エフェクトを加えています 水玉はある程度大きくなると分裂するので無理のない範囲で要調整 規模が大きくなればなるほどテクスチャに頼る割合が増えていく ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

UE4エフェクト作成事例紹介は以上です ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

• アジェンダ VATの所感 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

VAT の 所 感 楽しいよっ！！ DCCツールで形や挙動が自由に調整できるのも良い ちょっとデータ表示まで調整が必要だけど。。。 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

VAT の 所 感 様々なパラメーターをテクスチャに格納出来るので 他にも色々な使い方が出来そう ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

VAT の 所 感 良くも悪くも毎回同じ挙動 なるべくループ感を無くす工夫をするか バリエーションが欲しい 同じ挙動なのでカットシーンでは逆に都合が良い場合もある ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

VAT の 所 感 データ容量について Fluidは他の3種類のVAT(soft,rigid,sprite)に比べて 常にトポロジの変化するのでデータ量が増える傾向がある そもそもVATのテクスチャはHDRテクスチャを使用するので 大規模な物への使用は現実的でない印象 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

• アジェンダ 最後に ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

今回VAT(VertexAnimationTexture)のFluid(流体)を 紹介させて頂きましたが流体の独特な挙動は魅力的であります しかしながら 現行機ではまだまだ大規模なVAT流体は 処理容量の関係でガンガン使える様な状況ではありません 未来に夢を託しつつ現状は小技を駆使してエフェクトのスパイスに 扱うのが適当かなと思います 本登壇が皆様の少しでもお役にたてれば幸いです ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.

ご清聴ありがとうございました！ UNREAL ENGINEはエピック・ゲームズ・インコーポレーテッド商標または登録商標です。 その他掲載されている会社名、商品名は、各社の商標または登録商標です。 ©2020 SQUARE ENIX CO., LTD. All Rights Reserved.