https://github.com/49hack/unity-ui-image-alphamask

uGUI ImageにAlphaMaskをかける実装
https://github.com/49hack/unity-ui-image-alphamask

Last synced: 3 months ago
JSON representation

uGUI ImageにAlphaMaskをかける実装

• Host: GitHub
• URL: https://github.com/49hack/unity-ui-image-alphamask
• Owner: 49hack
• License: mit
• Created: 2018-07-28T08:41:29.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-07-28T12:03:36.000Z (over 6 years ago)
• Last Synced: 2024-07-14T04:36:22.453Z (4 months ago)
• Language: C#
• Size: 281 KB
• Stars: 19
• Watchers: 1
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-unity-open-source-on-github - unity-ui-image-alphamask - Alpha mask (Mask)

README

        
Unity-UI-Image-AlphaMask

===

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

![Unity](https://unity3d.com/profiles/unity3d/themes/unity/images/company/brand/logos/primary/unity-master-black.svg "Unity logo")

## 概要

Unity標準のuGUI-Maskコンポーネントは、ステンシルを使って画像をクリップするため境目にジャギーが出てしまいます。

Unity-UI-Image-AlphaMaskは、マスク画像のアルファ値を使って画像をクリップすることで、境目のアルファフェードを実現し、ジャギーのないマスク表現を行うためのコンポーネントです。



## 開発バージョン

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を使えるように実装する方法](http://appleorbit.hatenablog.com/entry/2018/07/28/210058)