エントリーフォーム - COYOTE 3DCG STUDIO | C&R Creative Studios

立体絵画教室, Blender & Deep Paintで描く3Dアート...

GAKU氏による短期間集中型のBlenderオンラインライブワークショップ『立体絵画教室, Blender & Deep Paintで描く3Dアート』が2026年4月に開催される予定!現在受講生を募集中です!

続きを読む

MeshTailor: Cutting Seams via Generative...

深セン大学 サイモン・フレイザー大学 の研究者らによる、UVシーム設定の技術「MeshTailor: Cutting Seams via Generative Mesh Traversal」が公開されています!

続きを読む

UniEdge Remesher | 形状をある程度維持したまま均一な頂点密度で...

Mac Orion氏が形状をある程度維持したまま均一な頂点密度でリメッシュ可能な「UniEdge Remesher」というGeometry NodesをGumroad上で販売しています。

続きを読む

Unity ↔ Cascadeur: Real-Time Sync...

Team GadgetがUnityとCascadeurをリアルタイムに同期する事ができるツールを開発中とのことで、最新映像をYoutube上で公開しています!

続きを読む

Animated Texture Brush | 画像シーケンステクスチャを使っ...

Kvendy氏が画像シーケンステクスチャを使ったブラシでテクスチャや頂点ペイントを実現するBlenderアドオン「Animated Texture Brush」とブラシパック「Ayo Brushpack」を無料公開しています!

続きを読む

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は色々使えそうですよ!というお話でした。おわり!

最後雑に終わったな

寝ます…

関連記事

  1. 【PR】Unreal Generalist: Practical Materials & Effects | UE5のマテリアルを学ぶ解説コース!CG&デジタルアート関連チュートリアルサービスWingfoxにて取り扱い開始!

    2026-03-10

  2. Create a fake hole in Unreal Engine 4 - UE4で擬似的な穴空き表現を可能にするチュートリアル!参考データも無償公開中!

    2021-09-24

  3. 【PR】Character Creation from AI to Unreal Engine - 生成AIを使用したモデルをベースにBlender&Substance&Mixamo&UE5などを駆使してゲーム用キャラクターを制作する解説コース!Wingfoxにて取り扱い開始!

    2025-10-11

  4. 【PR】Houdini Tutorial Procedural Japanese Castle in UE4 - プロシージャルな日本の城をHoudiniとUE4で作るチュートリアルコース!「Wingfox」にて取り扱い開始!

    2022-09-02

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

コメント

日本語が含まれない投稿は無視されます。-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に関する記事一覧


Meshy - Free AI 3D Model Generator

Meshyに関する記事一覧


アーカイブ

カテゴリ

おすすめ商品Pickup

注目の記事

PR


PR






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


follow us in feedly

RSSリーダーで購読する


ほしい物リスト公開中!
3D人運営に援助!
Amazonでリストを見る

Discordチャンネル公開

pixivFUNBOXページ公開!




おすすめ商品Pickup

おすすめ記事

ページ上部へ戻る