https://github.com/mob-sakai/unmaskforugui
A reverse masking solution for uGUI element in Unity.
https://github.com/mob-sakai/unmaskforugui
component mask ugui uguicomponent ui unity unity-component unity-plugin unity3d unmask
Last synced: about 14 hours ago
JSON representation
A reverse masking solution for uGUI element in Unity.
- Host: GitHub
- URL: https://github.com/mob-sakai/unmaskforugui
- Owner: mob-sakai
- License: mit
- Created: 2018-10-14T12:03:58.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2025-01-31T04:37:46.000Z (3 months ago)
- Last Synced: 2025-05-15T04:04:00.554Z (about 14 hours ago)
- Topics: component, mask, ugui, uguicomponent, ui, unity, unity-component, unity-plugin, unity3d, unmask
- Language: C#
- Homepage: https://github.com/mob-sakai/UnmaskForUGUI
- Size: 11.8 MB
- Stars: 899
- Watchers: 24
- Forks: 83
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
Unmask For UGUI
===
Reverse mask for uGUI element in Unity.
[](https://openupm.com/packages/com.coffee.unmask/)
[](https://github.com/mob-sakai/UnmaskForUGUI/releases)
[](https://github.com/mob-sakai/UnmaskForUGUI/releases)
[](https://github.com/mob-sakai/UnmaskForUGUI/blob/main/LICENSE.txt)
[](http://makeapullrequest.com)
[](https://twitter.com/intent/follow?screen_name=mob_sakai)
<< [Description](#description) | [WebGL Demo](#demo) | [Installation](#installation) | [Usage](#usage) | [Contributing](#contributing) >>
## Description
Unmask provides the following features:
1. Reverse mask
2. Ray through the unmasked rectangle
3. Following another object
4. Support nesting
| Component | Features | Screenshot |
|-|-|-|
|**Unmask**|Reverse masking for parent Mask component.
**Fit Target / Fit On Late Update:** Fit graphic's transform to target transform on LateUpdate.
**Only For Children:** Unmask affects only for children.
**Show Unmask Graphic:** Show the graphic that is associated with the unmask render area.|
|
|**UnmaskRaycastFilter**|The ray Passes through the unmasked rectangle.
You can click on the unmasked button on the back side.|
|
## Demo
[WebGL Demo](http://mob-sakai.github.io/UnmaskForUGUI)
## Installation
### Requirement
### Using OpenUPM
This package is available on [OpenUPM](https://openupm.com).
You can install it via [openupm-cli](https://github.com/openupm/openupm-cli).
```
openupm add com.coffee.unmask
```
### Using Git
Find the manifest.json file in the Packages folder of your project and edit it to look like this:
```
{
"dependencies": {
"com.coffee.unmask": "https://github.com/mob-sakai/UnmaskForUGUI.git",
...
},
}
```
To update the package, change suffix `#{version}` to the target version.
* e.g. `"com.coffee.unmask": "https://github.com/mob-sakai/UnmaskForUGUI.git#2.0.0",`
Or, use [UpmGitExtension](https://github.com/mob-sakai/UpmGitExtension) to install and update the package.
### For Unity 2018.2 or earlier
1. Download a source code zip file from [Releases](https://github.com/mob-sakai/UnmaskForUGUI/releases) page
2. Extract it
3. Import it into the following directory in your Unity project
- `Packages` (It works as an embedded package. For Unity 2018.1 or later)
- `Assets` (Legacy way. For Unity 2017.1 or later)
## How to play demo
- For Unity 2019.1 or later
- Open `Package Manager` window and select `UI Unmask` package in package list and click `Demo > Import in project` button
- For Unity 2018.4 or earlier
- Click `Assets/Samples/UI Unmask/Import Demo` from menu
The assets will be imported into `Assets/Samples/UI Unmask/{version}/Demo`.
Open `UIUnmask_Demo` scene and play it.
## Usage
Create Object From Menu (`GameObject > UI > Unmask > ***`)
|Menu|Screenshot|
|--|--|
|Tutorial Button||
|Iris Shot||
## Example of using
| Case | Description |Screenshot |
|-|-|-|
|Unmasked text|Black screen is cut out with unmasked text.||
|Hole|Black screen is cut out with unmasked Image.||
|Tutorial button|In tutorial, only specific button can be pressed.||
|Iris in/out|Transition effect with iris in/out.||
## Contributing
### Issues
Issues are very valuable to this project.
- Ideas are a valuable source of contributions others can make
- Problems show where this project is lacking
- With a question you show where contributors can improve the user experience
### Pull Requests
Pull requests are, a great way to get your ideas into this repository.
See [CONTRIBUTING.md](/../../blob/main/CONTRIBUTING.md) and [develop](https://github.com/mob-sakai/UnmaskForUGUI/tree/develop) branch..
### Support
This is an open source project that I am developing in my spare time.
If you like it, please support me.
With your support, I can spend more time on development. :)
[](https://www.patreon.com/join/2343451?)
[](https://github.com/users/mob-sakai/sponsorship)
## License
* MIT
* © UTJ/UCL
## Author
[mob-sakai](https://github.com/mob-sakai)
[](https://twitter.com/intent/follow?screen_name=mob_sakai)
## See Also
* GitHub page : https://github.com/mob-sakai/UnmaskForUGUI
* Releases : https://github.com/mob-sakai/UnmaskForUGUI/releases
* Issue tracker : https://github.com/mob-sakai/UnmaskForUGUI/issues
* Change log : https://github.com/mob-sakai/UnmaskForUGUI/blob/main/CHANGELOG.md