Imageを任意の形に切り抜き、かつ端を綺麗(ソフト)に表示する SoftMaskForUGUI【Unity】【uGUI】

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

以前、Maskを使って画像を任意の形に切り抜いて表示するという記事を書きました。

今回はそれと同様の機能ですが、さらに端を綺麗(ソフト)に表示する事の出来る

SoftMaskForUGUIというアセット(?)の紹介です！

ちなみに以前紹介したImageで逆マスクを実現するUnmaskForUGUIと同じ作者さんだったりします。

なお、記事中の画像は以下のアセットを使っております。

さっそくSoftMaskForUGUIの導入ですが、

GitHubから直接ダウンロードしてきてプロジェクトに追加してもいいですし、

Package Managerを使ってインストールしても大丈夫です。

次に使い方です。まず、マスクをしたいImage(例ではBackground)の親(例ではMask)に

マスク用のImageとSoft Maskを追加します。

次にマスクしたいImageが付いたオブジェクトにSoft Maskableというコンポーネントを追加します。

これだけでMaskについているImage(例だとKnob)の形に切り抜く事が出来ます。

ちなみにUnity標準のMask(右側)と比較してみると以下のような感じになります。

(:3[kanのメモ帳]