【Unity】ScreenSpaceOutlineやってみた

>100 Views

June 08, 25

スライド概要

2025年6月に新横浜インディゲームもくもく会でLTした資料です。

profile-image

フリーランスのTAです。 主にもくもく会でのLT資料などをアップロードしたいと思います。

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

(ダウンロード不可)

関連スライド

各ページのテキスト
1.

ScreenSpaceアウトラインやってみた おかひろ

2.

自己紹介  おかひろ  Twitter:@okahiro_p  個人で東方二次創作ゲーム作っています  フリーランスのTA/グラフィックエンジニア

3.

トゥーン表現でのアウトライン アウトラインなし 背面法アウトライン 背面法アウトライン+ ScreenSpaceアウトライン

4.

アウトラインの使い分け  背面アウトラインはメッシュを外側に膨らませる  ScreenSpaceアウトラインはメッシュの縁

5.

ScreenSpaceアウトラインの仕組み Depthバッファを見て、隣のピクセルと一 定以上値が異なるとき、その境目の値が大 きい側のピクセルを抽出する (輪郭抽出)

6.

参考  今回のScreenSpaceアウトラインはこのアセットをカスタマイズ  Depth以外にもNormalなどその他の輪郭抽出も可能  アウトライン以外の表現も可能

7.

カスタマイズ1  線の色と元の色をなじませる 標準のアウトライン機能では指定の 色がそのまま出てしまう 指定の色と元の色の割合を指定でき るようにした

8.

カスタマイズ2  ScreenSpaceアウトラインなので、キャラクター以外に背景等にも入ってしまう

9.

カスタマイズ2  キャラクターのみ対象にする キャラクターの箇所のみ白くなるマス クバッファを別パスで描画 キャラクターの箇所のみアウ トラインが残るようになる

10.

カスタマイズ3  半透明オブジェクトが手前にあるとアウトラインだけが浮き出てしまう 半透明(Transparent)オブジェクトはDepthを描かないことが原因

11.

カスタマイズ  半透明オブジェクトに隠れるようにする 透明オブジェクトのみを表示するマ スクバッファを別パスで描画 透明オブジェクトの箇所はアウトライン を隠すようにする

12.

まとめ  ScreenSpaceアウトラインは、画面から輪郭抽出して表示する  特定のオブジェクトにのみ適用したい場合は一工夫必要  半透明オブジェクトがある場合は要注意  背面法アウトラインと合わせて外枠アウトラインを強調  キャラなど選択しているときの演出としても使えそう  複数キャラのうち特定のキャラのみアウトラインを出すには、ステンシルとか必要 かも

13.

ご清聴ありがとうございました