49hack / unity-ui-image-alphamask

uGUI ImageにAlphaMaskをかける実装

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Unity-UI-Image-AlphaMask

UnityのuGUI ImageにAlphaMaskを適用するための実装です。 Unity

概要

Unity標準のuGUI-Maskコンポーネントは、ステンシルを使って画像をクリップするため境目にジャギーが出てしまいます。 Unity-UI-Image-AlphaMaskは、マスク画像のアルファ値を使って画像をクリップすることで、境目のアルファフェードを実現し、ジャギーのないマスク表現を行うためのコンポーネントです。 2018-07-28 17 58 50

開発バージョン

Unity2017.3.1f1

導入方法

  1. Assets/UI-AlphaMask/フォルダをプロジェクト内の任意の場所へコピーしてください。
  2. Mask画像をセットしたImageを作成して、UIImageAlphaMaskコンポーネントをアタッチしてください。
  3. 2.で作成したマスクオブジェクトの下に、マスクを適用したいImageを作成します。

制限事項

このコンポーネントには、以下の制限があります。

  • CanvasのRenderModeがScreenSpaceCamera/WorldSpaceであること
  • CanvasのworldCameraがOtrhographicであること
  • Maskの回転、タイリング、9スライスは使用できない
  • Mask画像はWrapModeをClampに設定し、画像端の1ピクセルをアルファ0で描くこと

技術的な解説

技術的な解説は、以下のブログで書いています。

【Unity】uGUI ImageでAlpha Maskを使えるように実装する方法

About

uGUI ImageにAlphaMaskをかける実装

License:MIT License


Languages

Language:C# 62.5%Language:ShaderLab 37.5%