コガネブログ

平日更新を目標に Unity や C#、Visual Studio、ReSharper などのゲーム開発アレコレを書いていきます

【Unity】【unity-ugui-posteffect】uGUI でキレイなマスクを使用する

はじめに

「unity-ugui-posteffect」を Unity プロジェクトに導入することで
uGUI でキレイなマスクを使用できるようになります

使用例

f:id:baba_s:20181104112220p:plain

例えばこのような画像を使用する場合、

f:id:baba_s:20181104112258p:plain

このようなマスクをかけることができます

使い方

f:id:baba_s:20181104112552p:plain

マスク用のテクスチャの設定を下記のように変更します

項目 内容
Texture Type Single Channel
Channel Alpha
Alpha Source From Gray Scale

f:id:baba_s:20181104112702p:plain

マスク用のテクスチャを「Mask」マテリアルに設定します

f:id:baba_s:20181104112708p:plain

フィルターを適用するための Image オブジェクトを作成して
その Image オブジェクトの Material に「Mask」を設定します

マスクの強さは Color の「R」で変更できます

関連記事