【Unity】UIの逆マスクを標準機能＆ノーコードで実装

Unity公式コミュニティで、ステンシル処理をノーコードで出来る方法を発見。
(外部アセットもなし)

マテリアルの設定を変えるだけで、シェーダーのコードを変更しなくてもOk。
弄くり回してたらTextMeshProでも出来た。

元となったソースはココ↓

設定手順

Text – TextMeshProを作成。
インスペクター -> 一番下のSDFのアイコンを右クリック -> Create Material Preset
(TextMeshProの設定は、同じMaterial Preset間で共有される為、別の物に分けている)
(“Font名 Mask”等と命名すると使い回し易い)
インスペクターから設定(前半Imageの場合と同じ)。
1. Shader -> UI -> Default
  - Tint Color: (255, 255, 255, 1)
  - Stencil Comparison: 8
  - Stencil ID: 1
  - Stencil Operation: 2
  - Stencil Write Mask: 255
  - Stencil Read Mask: 255
  - Color Mask: 0
  - Use Alpha Clip: true
2. Shader -> TextMeshPro -> Mobile -> Distance Field – Masking
  (UI/Defaultシェーダーで変更した内部の値が残ったままになり完成)

Text – TextMeshProを作成。
インスペクター -> 一番下のSDFのアイコンを右クリック -> Create Material Preset
(TextMeshProの設定は、同じMaterial Preset間で共有される為、別の物に分けている)
(“Font名 Masked”等と命名すると使い回し易い)
インスペクターから設定(前半Imageの場合と同じ)。
1. Shader -> UI -> Default
  - Tint Color: (255, 255, 255, 255)
  - Stencil Comparison: 3
  - Stencil ID: 2
  - Stencil Operation: 0
  - Stencil Write Mask: 0
  - Stencil Read Mask: 1
  - Color Mask: 15
  - Use Alpha Clip: false
2. Shader -> TextMeshPro -> Mobile -> Distance Field – Masking
  (UI/Defaultシェーダーで変更した内部の値が残ったままになり完成)