uGUIのテキストや画像に綺麗な影やグローを追加出来る True Shadow【Unity】【uGUI】【アセット】

この記事でのバージョン
Unity 2021.3.1f1

今回はTrue ShadowというuGUIのテキストや画像に綺麗な影やグローを追加出来るアセットの紹介です！

UnityにはShadowという影を付けるコンポーネントが付いていたり、

TextMeshProのマテリアルを調整する事で影のような表現も可能ですが、

True Shadowを使えばそういう標準機能で付ける影よりも自然で綺麗な影が表現出来ます。

ちなみにBuilt-inはもちろんのこと、URPやHDRPにも対応しています。

さっそくTrue Shadowの使い方ですが、ImageやText、TextMeshProの付いてるオブジェクトに

TrueShadowというコンポーネントを付けるだけで

簡単に影が実装出来ます。

Unity標準機能のShadowと比べてみると

その綺麗さは一目瞭然です。(左 : 影なし、中央 : Unity標準機能、右 : True Shadow)

ちなみにTextMeshProのマテリアルで設定した影と比較して見ると以下のような感じに。

影の濃さや方向等の設定もInspector上で簡単に出来ます。

(※gifなのでグラデーションが汚くなっています)

さらに影を内側に付けて凹んだような表現や、

影の色を白くする事によってグロー(輝いてるような)表現、

ShadowMaterialというコンポーネントを付ける事によって

動く柄のようちょっと変わった影をヒョウン元するなんて事まで可能です。

(:3[kanのメモ帳]