![](https://www.noranokyoju.com/wp-content/uploads/cocoon-resources/blog-card-cache/8b83dd3b2f699b527aa5a79b89145c22.jpg)
アセット名 | Overlay Filters2D |
価格 | $16.5 (税込み) |
パブリッシャー名 | Ekinchan Tas |
対応Unityバージョン | 2018.4.0 or higher |
対応レンダリングパイプライン | Built-in Only |
サイズ(インポート前) | 7.6MB |
サイズ(インポート後) | 11.3MB |
最終更新日 | 2021年9月15日 |
レーティング | ★★★★★ (3) |
「Overlay Filters 2D」では、以下の画像のように画面の一部分に様々なエフェクトをかけることができます。
![](https://www.noranokyoju.com/wp-content/uploads/2021/11/image_001_0000-1024x576.jpg)
使い方
まずは適当なマテリアルを作ります。
そのマテリアルのインスペクターを開き、シェーダーを「Overlay Filters/<その中にあるシェーダーのうちいずれか>(違いは後で解説)」に変えます。
![](https://www.noranokyoju.com/wp-content/uploads/2021/11/1eb27d6b1e9f5fb38ec7703849dde79f.png)
次に、SpriteRendererのついたオブジェクトを生成し、先ほど作ったマテリアルをセットします。
最後に、マテリアルのインスペクターから、好きな効果を乗せるだけです。
![](https://www.noranokyoju.com/wp-content/uploads/2021/11/166f3487c30908d3b6da6a1c545daec9-1024x755.jpg)
画面全体にポストエフェクトをかける方法
Canvasをつくり、画面全体を覆うようなImageを生成します。
そのImageに先ほど作ったマテリアルを適用するだけです。
![](https://www.noranokyoju.com/wp-content/uploads/2021/11/81337a4dda86df0fbd0ff90b88625b61-1024x604.jpg)
グループによる違い
あとで解説するといった、グループの違いを解説します。
マテリアルのインスペクターを見るとこのようなブロックがあります。
![](https://www.noranokyoju.com/wp-content/uploads/2021/11/45aff09be8f38f79e4ac28968e01beb0.png)
このグループによる違いですが、オブジェクトを重ね合わせた時に、効果も重なるかどうかの違いです。
「UnGrouped」の場合効果が重なり、ほかのグループの場合、同じグループのオブジェクト同士では効果が重なりません。
例えば、このように3枚のスプライトを重ねたとします。(わかりやすいように色を付けています)
![](https://www.noranokyoju.com/wp-content/uploads/2021/11/d3dd088d6150fa63d7d92caeac6fb9c4.png)
3枚のスプライトすべてに、「UnGrouped」に設定したマテリアルをセットすると効果が重なります。
![](https://www.noranokyoju.com/wp-content/uploads/2021/11/c5b7bc0964737edff0bf5f94cfb38dad.jpg)
一方で、3枚のスプライトすべてに「Group1」 に設定したマテリアルをセットした場合効果は重なりません
![](https://www.noranokyoju.com/wp-content/uploads/2021/11/17bbdb8fd704e5253d7ad38e42f57dab.jpg)
3枚のスプライトのうち2枚に「Group1」のマテリアルを、1枚に「Group2」のマテリアルをセットすると、「Group1」と「Group2」は重なりますが、「Group1」どうしは重なりません。
![](https://www.noranokyoju.com/wp-content/uploads/2021/11/30df222268efd0b249dfde6c6294e981.jpg)
どうやら「UnGrouped」はあまりパフォーマンスによくないとのことなので、効果を重ねる必要がないなら使わないほうがよさそうです。
サンプルエフェクトの一部を紹介
Gaussian Blur | ![]() |
Screen | ![]() |
Painting | ![]() |
Water Surface | ![]() |
Pixelate | ![]() |
ほかのエフェクトは、このデモシーンから確認することができます
おわりに
アセットストア
![](https://www.noranokyoju.com/wp-content/uploads/cocoon-resources/blog-card-cache/8b83dd3b2f699b527aa5a79b89145c22.jpg)
コメント