【Unity】ShaderGraph(2D)でステンシルバッファってのを作る

■はじめに

UnityでShaderGraphを利用して、こんな感じのやつを作れます

物陰に隠れたら、隠れた部分が円で描画される感じの表現ができます
これのことを ステンシルバッファ(Stencil Buffer) っていうらしいです

■紹介

●ShaderGraph

・画像アスペクト比調整

詳しくは記事の一番下の参考サイトからどうぞ

・円形パターン作成

円模様作ってます。参考サイトでは、白黒チェッカー柄の柄で表現していました。
お好きな表現でいい感じに作ってみてください。

色調整

透明度とか色とか。

一応色も変更できますが、前面のオブジェクトに透明箇所があると、このように透明箇所にも適用されてしまいます。

改善案あればぜひ教えてください！

●Renderer2D

URPプロジェクト作成時に自動的に生成されるSettingsフォルダ内のRenderer2Dで色々いじります。

最終的なのはこんな感じです

なんか項目いっぱいあってわけわからんと思うので、解説します

1. 一番下のAdd Renderer Featureってのをクリックして、RendererObjectってのを2回選択して追加する
   
   

2. 追加したやつにそれぞれ名前を付けて、前面のオブジェクト用のやつにはBeforeRenderingOpaquesってのを選択して、後面用にはAfterRenderingTransparentsってのを選択する
   (※ほかのシェーダーとかとの併用とか、その他諸々で描画順が異なってくるので、実際に試しながら適当に決めてください)
   

3. その下のFiltersってとこを開いて、LayerMaskに適用したいLayerをそれぞれ追加する

4. Overrideってところを開いて、後面用の方のOverrideModeをMaterialに変更して、さっきのShaderGraphのマテリアルを適用
   

5. 前面の方はこんな感じに設定
   

6. 後面の方はこんな感じに設定
   

■さいごに

ちょっとめんどいけど、ShaderGraoh使えば結構リッチになるからいいよね

●参考