COYOTE スタジオ採用説明会 | クリエイターのための総合情報サイト CREATIVE VILLAGE

Painting Luminous Portraits:色と光で描く人物画| 色...

数々の賞を受賞した肖像画家 Steve Forster(スティーブ・フォースター)氏による人物画の技法書『Painting Luminous Portraits for Artists』の日本語版『…

続きを読む

NVIDIA DLSS 5 | 未正式版Neural Renderingランタイ...

NVIDIAが2026年秋の提供を予定している「DLSS 5」の未正式版Neural Renderingランタイムが『NBA 2K27』から発見され、Modderによって『Control』『Cybe…

続きを読む

Shape Cage | WPOを使用しStatic Meshを低負荷で潰す&曲...

Wozivaが開発したUnreal Engine向けのランタイムメッシュ変形プラグイン「Shape Cage」!Static Meshをリアルタイムに曲げる・潰す・凹ませることができ、重量物が箱に落…

続きを読む

Remi | 壊れたメッシュの修復からリトポロジー UV生成 テクスチャベイクま...

shaderko氏が開発・公開しているBlender向けの無料オープンソースアドオン「Remi」のご紹介!高密度なメッシュや、穴・亀裂・分離したパーツなどを含む扱いにくいジオメトリを対象に、メッシュ…

続きを読む

Blender Touge Drift Animation | 歴代86が峠を駆...

日本のCGアーティスト Gaku Yajima氏が、Blenderを使用して制作したカーCGアニメーション作品「Blender Touge Drift Animation」を公開しました!…

続きを読む

Mesh Distance Fieldsで表現模索&Stylized系マテリアルで使えるかもしれない副産物 - UE Advent Calendar 2023

この記事は約5分29秒で読めます

本記事はUnreal Engine (UE)のカレンダー | Advent Calendar 2023 – Qiita シリーズ 4の 23日目の記事です。初心者向けのちょっとしたマテリアルの小ネタを紹介します。

※2023/12/26 – デカール部分に補足情報を追加

もう24日じゃね?

寝ていないのでまだ23日ですよ…

この記事の主な対象者

  • Unreal Engineのマテリアルエディターを触っている方
  • 今のマテリアル表現に何か追加要素を探している方
  • Stylized表現に興味のある方

概要

UE5で導入されたLumenでは、Mesh Distance Fields が必要になります。UE4の時代ではデフォルトだと無効化されていたこの機能も、基本的に有効化して使用されるケースがが増えました。そこで“Mesh Distance Fields”の情報を活用してマテリアル上で何かできないか模索した備忘録です。

こういう事をしているときが、楽しいんですよねぇー

Mesh Distance Fieldとは?

3Dメッシュの周りの空間を小さなグリッド(箱)に分け、それぞれのグリッド内にメッシュの表面からの距離を数値で記録します。これを、影の生成、光の拡散の計算などで使用します。
Mesh Distance Fieldの基本的な情報は既に先人の知恵がございます。詳しく知りたい方はそちらの投稿をご確認ください。

ちなみにDistance Fieldを使用したソフトボディなどの活用方法はUE4時代から存在します。

Mesh Distance Fieldの注意点

何かと便利そうなMesh Distance Fieldですが、スケルタルメッシュはMesh Distance Fieldを生成できないという仕様がございます。今回の手法はあくま背景の静的メッシュに対してのみ有用となります。

Mesh Distance Fieldを可視化するとSkeltalMeshは消えてしまうのを確認できます
SkeltalMeshはMesh Distance Field非生成

ポストプロセスで扱う場合は、スケルタルメッシュの領域をStencilMaskでなどで抜いておかないと、見た目に不具合が生じる可能性があります。いつかスケルタルメッシュもMesh Distance Fieldsを生成出来る日を待ち望んでいます

今回取りあげるノード

今回は“DistanceFieldApproxAO”ノード、“DistanceToNearestSurface”ノード、“DistanceFieldGradient”ノードの3つにフォーカスしていきます。

Distance Field Approx AO

DistanceFieldApproxAO

Distance Fieldを使用したAO(Ambient Occlusion)を手軽に扱える代表的なノードです。

ポストプロセスマテリアル、サーフェスマテリアル、どちらでも使用可能ですが、見え方に少し差があるのでご注意ください。

このノード、ドキュメントが無いんですけど?どなたか知りませんか?結構新しいノードなのでしょうか?情報が少ない…。

ポストプロセス用の簡易ノード

ポストプロセスで適用した例です。

これは色々活用出来ると思います。

ハッチングのソースとしても有効活用出来ると思います。

ということで、Distance Field Approx AO自体はこれで使い所は結構あり、便利なのですが、今回は軽く紹介する程度に留めておきます。

Distance Field Gradient

ノーマライズされるとオブジェクトが距離フィールドを移動する X、Y、Z 方向を出力します。とのこと。詳細はドキュメントページへ。

書いてあるとおりノーマライズして繋いでみます。

なんだか柔らかそうな法線情報です。そのまま使用したらどうなるんだろう?

World SpaceからTangent Spaceに変換し、そのままNormalへ繋ぎます。

Distance Field Gradient を使用したSoft Normal
柔らかい法線が出来ました。

これペイントしたら何か出来るかな?と思い出来たのがこちらです。

思いの外反響がありましたが、大したことはしておりません。

ノードはシンプルでこんな感じです。

実用的かどうかは不明…
デカールで活用できないかな?という事で試したのがこちら

Distance Field Gradient Soft Normal Decal

ヌルっとした法線がシャープなエッジを溶かしてくれます。

濡れ感が向上しましたね。実はこのままだとデカールを回転させると法線が変になる問題があります。
そこで対策として

Tangent Space Normalのチェックを外し
Transformノードを削除
これでヌルっとした法線を使うデカールが出来ました。

これは他にも色々と活用出来そうな予感!というところで留めておきます。

Distance To Nearest Surface

マテリアルがレベルのどのポイントでも Global Distance Field のサンプリングができるようにします。とのこと。詳細はドキュメントページへ。

簡単に繋いでみます

少し調整しましょう。

改造して使う場合は”DistanceFieldApproxAO”よりもこちらのほうが利便性が高そうです。

Stylized表現に使えそうなDistance Field Shadowを作る

前置きが長くなりました、今回の本題です。先程のDistance Field AOを改造していきます。

これで影にライトの方向を反映させることが出来ました。

ではNormalの部分を先程の”DistanceFieldGradient+Normalize”に差し替えてみます。

更に柔らかいShadowを得ることが出来ました。

あとの細かい部分は端折りますが、このAOを3層に重ねグラデーションに幅を持たせてみます。

柔らかなシェーディングが出来ました。

あとはこれを素材として色々活用出来そうですよね。

階調を落として

ちょっと色の違うトゥーンシェーダーとして使用してみたり

ハッチングと掛け合わせてみたり…

などなど

キャストされた影の中でも陰影を追加出来るので、色々とディテールを追加出来るかもしれません。
StylizedPPの方も近々アップデートします!

とまぁこんな感じでMesh Distance Fieldは色々使えそうですよ!というお話でした。おわり!

最後雑に終わったな

寝ます…


PR

関連記事

  1. Unreal Engine 5.4 Big Performance Improvements - Digital FoundryによるUE5とUE5.4のパフォーマンス比較動画!最大42%のフレームレート向上を達成!

    2024-05-12

  2. UEなんでも勉強会 - バーチャルライブ編 - vol.1 - バーチャルライブにおける Unreal Engine の活用について学べる勉強会の動画アーカイブが公開! #UEAllStudy

    2023-07-27

  3. Car Configurator Tutorial - しゅーや氏によるUnreal Engine向けカーコンフィギュレーター制作チュートリアル動画!

    2020-06-11

  4. 【PR】Unreal Shader : Automatic Landscape | ランドスケープ用のUE5マテリアルを学習するコース!CG&デジタルアート関連チュートリアルサービスWingfoxにて取り扱い開始!

    2026-04-20

コメントをお待ちしています。

コメント

日本語が含まれない投稿は無視されます。-Posts that do not include the Japanese will be ignored-(スパム対策-anti Spam-)

3D人-3dnchu-

3D/2D/VR/GAME/AIなどのCGに関連する個人的に気になる情報をほぼ毎日紹介!XやYoutubeなども是非フォローよろしくお願いします!
※当サイトのリンクにはアフィリエイトを含みます

※当サイトの一部記事にはアフィリエイトが含まれております。

スポンサープロダクト


X-Ray Realtime Light and TexturingTool

CGElementaryに関する記事一覧


Character Creator - アニメーション、ゲーム、AR/VR のための 3D キャラメイクソフト

Reallusionに関する記事一覧


Paintstorm Studio

Paintstorm Studioに関する記事一覧


MarvelousDesigner

MarvelousDesignerに関する記事一覧


JangaFX - Real-Time VFX Software For Real-Time VFX Artists

JangaFXに関する記事一覧


パルミーの講座が見放題!月謝制お申し込み|お絵かき講座パルミー

Palmieに関する記事一覧


AAA Character Creation: The Boxing Bunny

WINGFOXに関する記事一覧


アーカイブ

カテゴリ

おすすめ商品Pickup

注目の記事

PR


PR






Donate

   
USD
3D人のLINEアカウントを作りました!
友だち追加




おすすめ商品Pickup

おすすめ記事

ページ上部へ戻る