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

関連記事

UE5で揺れ物を「かわいく」揺らすプラグイン「Kawaii Physics」が更新。髪が風になびく複雑な動きもパラメータ設定で手軽に制御
2024.07.25
『GUILTY GEAR -STRIVE-』のアニメーション制作、Maya Pythonによる内製ツール情報など12講演が集う「DAIKIN×Autodesk CG Channel Week 2024」が9/2(月)~9/6(金)に開催
2024.07.23
Unreal Engine向けゲーム制作コンテスト「第22回UE5ぷちコン」開始!テーマは「ゆうえんち」。応募締切は9/8(日)
2024.07.22
「Blender 4.2 LTS」正式リリース。アドオンの導入方法が変更。標準搭載アドオンは公式のWebプラットフォーム上から導入する
2024.07.19
Unreal Engine 5.4.3がリリース。Mac向けにパッケージ化する際に起こるエラーの修正や、BaseDeviceProfiles.iniの2024年発売のiPadへの対応など
2024.07.17
50代からゲーム開発を始めた第21回UE5ぷちコン最優秀賞作『ヘコむス』開発者インタビュー。約40年前の「床をヘコませてボールを転がす」アイデアをUEで実現!
2024.07.16

注目記事ランキング

2024.07.20 - 2024.07.27
VIEW MORE

連載・特集ピックアップ

イベントカレンダー

VIEW MORE

今日の用語

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

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