UE5のエンジンを改造してアウトラインの描画箇所を制御する。スパーククリエイティブが解説記事を公開

UE5のエンジンを改造してアウトラインの描画箇所を制御する。スパーククリエイティブが解説記事を公開

2023.07.24
ニュース3DCGアンリアルエンジン
この記事をシェア!
Twitter Facebook LINE B!
Twitter Facebook LINE B!

この記事の3行まとめ

  • スパーククリエイティブ、自社ブログにてUnreal Engineのエンジン改造について解説
  • トゥーン表現のためのアウトラインマスク追加のために、G-Bufferを拡張
  • シェーディングモデル、マテリアルインプットの追加についての解説記事も公開中

スパーククリエイティブは、自社ブログにて『【UE5】セルシェーディングのためにGバッファを追加してみた』と題する記事を公開しました。

同社ブログでは、トゥーン表現を題材としたUnreal Engine 5.0.3のエンジン改造について解説する連載記事を掲載。前回、前々回で取り上げた「シェーディングモデルの追加」と「マテリアルインプットの追加」に続き、今回は「G-Bufferの拡張」について、実際のコードを交えて説明しています。

ディファードシェーディングにおけるポストプロセスを用いた一般的なアウトライン描画では、描画する対象を細かく指定することはできず、キャラクターの目の輪郭にまでアウトラインが引かれるなどの問題が発生します。

G-Buffer拡張前。目の輪郭線が描画されてしまっている(画像はSPARKCREATIVE Tech Blogより引用)

同記事では、この問題をエンジン改造によるG-Bufferの拡張で解決しています。拡張したG-Bufferにアウトラインのマスク情報を格納することで、アウトラインを出したい部分にのみ描画することが可能になります。

G-Buffer拡張後。目の輪郭線が消えている(画像はSPARKCREATIVE Tech Blogより引用)

独自に追加したシェーディングモデルを持つマテリアルにアウトライン用のマスクテクスチャを設定すると、マスク情報がG-Bufferに格納されるように実装されています。

独自のシェーディングモデル「Toon Lit」を追加(画像はSPARKCREATIVE Tech Blogより引用)

マテリアルインプット「Toon Shadow Param」を追加し、アウトライン用のマスクテクスチャなどをシェーダーで扱えるようにしている(画像はSPARKCREATIVE Tech Blogより引用)

キャラクターのマテリアルに設定しているアウトライン用のマスクテクスチャ(画像はSPARKCREATIVE Tech Blogより引用)

G-Bufferに格納したアウトラインのマスク情報は、ポストプロセスマテリアルの「SceneTexture」ノードからアクセスされ、アウトラインの描画に使用されます。

(画像はSPARKCREATIVE Tech Blogより引用)

詳細は、SPARKCREATIVE Tech Blog『【UE5】セルシェーディングのためにGバッファを追加してみた』をご確認ください。

SPARKCREATIVE Tech Blog『【UE5】セルシェーディングのためにGバッファを追加してみた』

関連記事

「Substance 3D Painter」テクスチャ制作の解説書、ボーンデジタルが11/22(土)に発売。『FF7EC』に携わる3DCG制作会社「CafeGroup」が知見を発信
2025.11.21
「Blender 5.0」正式リリース。ジオメトリノードベースのモディファイアが追加されたほか、UV選択機能などが大幅刷新
2025.11.20
Epic GamesとUnityがパートナーシップを締結!2026年より『フォートナイト』でUnityゲームを公開可能に。またUnityの決済管理システムがUEをサポート
2025.11.19
UE5は2年半でUE6に移行する――Epic Games CEOが語ったアンリアルエンジンの未来【Unreal Fest Tokyo 2025】
2025.11.14
Houdini公式カンファレンス「Houdini HIVE 東京編」、全8講演の動画が公開。UE&HoudiniでVATを破壊表現に使う方法など
2025.11.14
『モンハン』事例など全12講演や、「ゲムダン」コラボのインディーゲーム展示も。「CGWORLD 2025 クリエイティブカンファレンス」、11/23(日)に無料で開催
2025.11.14

注目記事ランキング

2025.11.19 - 2025.11.26
VIEW MORE

連載・特集ピックアップ

イベントカレンダー

VIEW MORE

今日の用語

ワイヤーフレーム(Wire Frame)
ワイヤーフレーム
  1. 3Dモデルのエッジ情報のみを表示するレンダリング手法。ゲーム開発においては、3Dモデルやシーンのポリゴン構造を確認することに用いることが多い。
  2. UIやWebページなどのレイアウトを決めるための設計図。
VIEW MORE

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