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バッファを追加してみた』

関連記事

Epic Games代表のTim Sweeney氏が来日!UE公式無料イベント「Unreal Fest Tokyo 2025」で基調講演に登壇
2025.10.21
ノードベースのプロシージャルマテリアル作成ツール「Material Maker 1.4」、オープンソース&無料でリリース。Godot 4移行に伴いシェーダーコード生成機能などが刷新
2025.10.20
ソニー・ホンダによるUE活用の運転支援システムなど、自動車業界のUE採用事例を解説。エピック ゲームズ ジャパン主催「Build: Tokyo‘25 for Automotive」レポート
2025.10.20
UEの映像技術を学べる無料公式イベント「Cinematic Deep Dive’25」、12/10(水)に開催。先着350人まで参加登録を受付中
2025.10.17
EOS・EACを解説したエピック ゲームズ ジャパン登壇講演、UEFNによる松江城メタバース化事例など。広島・大阪で開催されたUE勉強会の講演資料が公開
2025.10.17
UE公式の大型イベント「Unreal Fest Bali 2025」講演動画が公開。「Gameplay Ability System」の使い方や、UE5.7 Previewで正式導入した「Substrate」活用術など
2025.10.16

注目記事ランキング

2025.10.20 - 2025.10.27
VIEW MORE

連載・特集ピックアップ

イベントカレンダー

VIEW MORE

今日の用語

フォグ(Fog)
フォグ 「霧」を意味する英単語。3DCGにおいて、現実の霧による見た目をシミュレーションする画面効果やエフェクトを指す。代表的なものとして、カメラから遠くにあるオブジェクトの色調を変化させることで遠近感を出す手法がある。
VIEW MORE

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