SDFを活用した低負荷なアニメ調のシェーディングをUE5で実装。alwei氏が解説記事を公開

2024.03.01
ニュースゲームづくりの知識見た目を良くするアンリアルエンジン
この記事をシェア!
twitter facebook line B!
twitter facebook line B!

この記事の3行まとめ

  • alwei氏が『UE5 SDF Face Shadowマッピングでアニメ顔用の影を作ろう』と題した記事を公開
  • UE5上でモデルの顔にアニメ調のシェーディングを実装する方法を解説
  • 従来の法線転写と比べて軽量とのこと。流用可能で量産にも向いている

2024年2月28日、Indie-us Games 代表兼クリエイター alwei氏は自身のブログにて「UE5 SDF Face Shadowマッピングでアニメ顔用の影を作ろう」と題した記事を公開しました。

SDF(Signed Distance Field)」とは、特定の物体からの距離を示した場であり、正規化されて画像などで表現されます。

記事では、同氏が「SDF Face Shadowマッピング」と称する、SDFを用いて3Dモデルの顔にアニメキャラクターのようなシェーディングを行う手法を紹介。同手法をUnreal Engine 5(以下、UE5)で実現する方法について解説しています。

SDF Face Shadowマッピングでは、事前に用意した、ライトと正面の角度が180°、157.5°、135°…0°に対応する影用マスク画像を使います。

左から157.5°、135°…0°に対応する影用マスク画像(画像はブログ記事より引用)

各画像にSDFを適用して合成することで、角度によってそれぞれのマスク画像が滑らかに補完される1つのマスク画像が生成されます。

生成されたマスク画像(画像はブログ記事より引用)

同記事では、マスク画像の生成に下記動画で配布されている「sdf_tool」を使っています。

『Get *PERFECT* Anime Face Shadows (Easier Way) in Blender』。同記事で使用されたツールを配布している

UE5では、同氏によるUE4向け記事『UE4 誰でもわかるセルシェーダー入門』を参考に、ライトとの角度によってマスクが変化するマテリアルを作成します。

ライトの向きを取得する仕組みの実装(画像はブログ記事より引用)

ライトの向きと生成後のマスク画像に基づいて影を描画することで、顔にアニメ調の影をかけることができます。

マスク画像の反映なし(左)と反映あり(右)の比較。モデルは『崩壊:スターレイル』公式から配布されている銀狼の3Dモデル(画像はブログ記事より引用)
© All rights reserved by miHoYo. Other properties belong to their respective owners.

alwei氏によると、SDF Face Shadowマッピングは、従来の法線転写(※)に比べて処理負荷やメモリの面で効率がよく、モバイル環境にも向いているとのこと。また、マスク画像は顔が共通のUVをもつキャラクター間で使い回せる利点もあります。
※ 3Dモデルの法線情報を、別の3Dモデルの法線情報で上書きする手法

詳細は、こちらをご確認ください。

『UE5 SDF Face Shadowマッピングでアニメ顔用の影を作ろう』Let's Enjoy Unreal Engine

関連記事

ヒストリア、日本で唯一「Unreal Engine サービス パートナー プログラム」で「ゴールド ステータス」を獲得。Epic Gamesが定める技術支援プログラム
2024.04.11
Adobe、「Substance 3D Connector」をオープンソースとして公開。Blender・Maya・3ds MaxやUE5・Unityなどの間でのアセット共有を目指す
2024.04.08
UE5で流体シミュレーションを行うプラグイン「Niagara Fluids」の公式チュートリアル4点が公開。波立つ水面や煙の揺れを表現可能
2024.04.06
「Unreal Engine」2024年4月の無料マーケットプレイスコンテンツが公開!森の中の村を表現できるクレイ風アセットパック、ゴーレムのリグ付き3Dモデルなど
2024.04.03
「猫でもわかる UE5 シーケンサー自動生成!」など、「Unreal Engine Meetup in Nagoya Season2 Vol.1」の講演で使われたスライド資料が公開
2024.03.29
Unreal Engine 5.4 Preview 1がリリース。アニメーション制御の新機能「Motion Matching」などが導入
2024.03.21

注目記事ランキング

2024.04.09 - 2024.04.16
1
フォートナイトとUEFNがv29.20にアップデート。見下ろし視点でもプレイヤーキャラクターの向きを操作できるようになった
2
フォートナイト クリエイティブとUEFNで使える仕掛け一覧
3
『フォートナイト』で動く本格的なゲームが作れるツール「UEFN」とは?従来のクリエイティブモードから進化したポイントを一挙紹介!
4
【CHALLENGE1】「クリエイター ポータル」を使って、UEFNで作成した島を世界中に公開する
5
【2022年5月版】今から始めるフォートナイトの「クリエイティブ」モードープレイ開始から基本的な操作方法まで解説
6
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.1「アイテム系」
7
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.5「島の設定」
8
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.7「NPC系」Part1
9
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.2「ユーティリティ系」
10
『フォートナイト』で建築ビジュアライゼーション!?UEFNでオリジナルの世界観をどう作り上げたか、その手法を解説【UNREAL FEST 2023 TOKYO】
11
【CHALLENGE3】UEFNの機能「ランドスケープ」を使ってオリジナルの地形を作る
12
【CHALLENGE2-1】フレンドと一緒にゲームを作ろう――UEFNプロジェクトをチームメンバーとリアルタイムで共同編集する
13
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.7「NPC系」Part2
14
UEFNで使えるプログラミング言語「Verse」のノウハウが集結。『UEFN.Tokyo 勉強会 03 Verse Night』レポート
15
【STEP2】UEFNの基本的な使い方を覚えよう
16
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.6「チーム・対戦系」Part1
17
まるで『マイクラ』?ボクセル地形を生み出す無料アセット「VoxelPlugin Free」で”地形を掘ったり積み重ねたり”して遊んでみよう
18
フルカラー書籍「UEFN(Unreal Editor For Fortnite)でゲームづくりを始めよう!」、ついに本日発売!全国書店で好評発売中!
19
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.10「UI系」Part1
20
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.4「ゲームシステム系」
21
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.3「プレイヤー系」
22
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.8「ゾーン系」
23
フォートナイトとUEFNがv29.10にアップデート。プレイヤーのジャンプや射撃などの入力を無効化するオプションが追加
24
【STEP1】「UEFN」を入手しよう
25
【STEP5-1】スタート時のカウントダウンを作る
26
「UEFN」って実際どうなの? 編集部が3時間で「みんなで遊べるアクションゲーム(?)」を作ってみた
27
【STEP3】オリジナルのアスレチックコースを作ろう
28
【STEP4-2】リスポーンとチェックポイントの仕組みを作る
29
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.9「建築物系」Part2
30
GDC 2024で行われた「State of Unreal」UEFN関連の発表内容まとめ。UEFNがMetaHumanを正式サポート
VIEW MORE

イベントカレンダー

VIEW MORE

今日の用語

マーケットプレイス(Market Place)
マーケットプレイス
  1. インターネット上で売買を行う仕組みやウェブサイト自体を示す。
  2. Epic Games LauncherやアンリアルエンジンのWebサイトからアクセスできる、アンリアルエンジン用のオンラインストア。アセットやプラグインなどの販売・購入が可能。
VIEW MORE

Twitterで最新情報を
チェック!