GUI

Unity Ui Image Alphamask

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を使えるように実装する方法