Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mob-sakai/dissolveeffectfortmpro

DissolveEffectForTMPro provide dissolve effect component for TextMeshPro in Unity.
https://github.com/mob-sakai/dissolveeffectfortmpro

dissolve effect shader textmeshpro ugui ui unity unity3d

Last synced: about 2 months ago
JSON representation

DissolveEffectForTMPro provide dissolve effect component for TextMeshPro in Unity.

Host: GitHub
URL: https://github.com/mob-sakai/dissolveeffectfortmpro
Owner: mob-sakai
License: mit
Created: 2018-12-09T11:34:35.000Z (about 6 years ago)
Default Branch: develop
Last Pushed: 2019-03-04T12:09:46.000Z (almost 6 years ago)
Last Synced: 2024-08-04T02:09:20.401Z (5 months ago)
Topics: dissolve, effect, shader, textmeshpro, ugui, ui, unity, unity3d
Language: C#
Size: 20.3 MB
Stars: 107
Watchers: 12
Forks: 21
Open Issues: 2
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.txt

Awesome Lists containing this project

README

        DissolveEffectForTMPro

===

### NOTE: This project is experimental.

### NOTE: This project is a derivative project of [MeshEffectForTextMeshPro](https://github.com/mob-sakai/MeshEffectForTextMeshPro).

### NOTE: This project will be integrated to [UIEffect](https://github.com/mob-sakai/UIEffect).

DissolveEffectForTMPro provide dissolve effect component for TextMeshPro in Unity.

![](https://user-images.githubusercontent.com/12690315/49693817-ba23c880-fbc0-11e8-869f-f0853010b609.png)

[![](https://img.shields.io/github/release/mob-sakai/DissolveEffectForTMPro.svg?label=latest%20version)](https://github.com/mob-sakai/DissolveEffectForTMPro/releases)

[![](https://img.shields.io/github/release-date/mob-sakai/DissolveEffectForTMPro.svg)](https://github.com/mob-sakai/DissolveEffectForTMPro/releases)

![](https://img.shields.io/badge/unity-5.6%2B-green.svg)

[![](https://img.shields.io/github/license/mob-sakai/DissolveEffectForTMPro.svg)](https://github.com/mob-sakai/DissolveEffectForTMPro/blob/master/LICENSE.txt)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-orange.svg)](http://makeapullrequest.com)

<< [Description](#Description) | [WebGL Demo](#demo) | [Download](https://github.com/mob-sakai/DissolveEffectForTMPro/releases) | [Usage](#usage) | [Example of using](#example-of-using) | [Development Note](#development-note) | [Change log](https://github.com/mob-sakai/DissolveEffectForTMPro/blob/master/CHANGELOG.md) >>

### What's new? [See changelog ![](https://img.shields.io/github/release-date/mob-sakai/DissolveEffectForTMPro.svg?label=last%20updated)](https://github.com/mob-sakai/DissolveEffectForTMPro/blob/develop/CHANGELOG.md)

### Do you want to receive notifications for new releases? [Watch this repo ![](https://img.shields.io/github/watchers/mob-sakai/DissolveEffectForTMPro.svg?style=social&label=Watch)](https://github.com/mob-sakai/DissolveEffectForTMPro/subscription)







## Description

DissolveEffectForTMPro provide dissolve effect component (from [UIEffect](https://github.com/mob-sakai/UIEffect)) for TextMeshPro in Unity.

It works well not only for standard Graphic components (Image, RawImage, Text, etc.) but also for TextMeshPro and TextMeshProUGUI.

![](https://user-images.githubusercontent.com/12690315/49694176-6b7a2c80-fbc8-11e8-9461-c3595736b4d5.png)

![](https://user-images.githubusercontent.com/12690315/49694175-69b06900-fbc8-11e8-9615-e675822decf3.png)

#### Features

* Dissolve color, width and softness.

* Effect area: RectTransform, Fit, Split by character.

* Support `` and `` tags.

* You can control effect properties from script, AnimationClip and inspector.

* Works well not only for standard Graphic components (Image, RawImage, Text, etc.) but also for TextMeshPro and TextMeshProUGUI.

* No useless allocation.

* Easy to set up.







## Demo

[WebGL Demo](http://mob-sakai.github.io/DissolveEffectForTMPro)

![](https://user-images.githubusercontent.com/12690315/49693789-34a01880-fbc0-11e8-9ef2-fa8b0e4dd438.gif)







## Usage

1. Download DissolveEffectForTMPro.unitypackage from [Releases](https://github.com/mob-sakai/DissolveEffectForTMPro/releases).

2. Import the package into your Unity project. Click `Import Package > Custom Package` from the `Assets` menu.  

3. Enable `TexCoord1` and `TexCoord2` channels of canvas.  

![](https://user-images.githubusercontent.com/12690315/49696625-eacf2680-fbef-11e8-9360-f597f9d4484f.png)  

![](https://user-images.githubusercontent.com/12690315/49696633-1eaa4c00-fbf0-11e8-92e5-37fa6a1e01f9.png)

1. Add UIDissolve component to TextMeshPro from `Add Component` in inspector or `Component > DissolveEffectForTMPro > UIDissolve` menu.

2. Set dissolvable material preset to the TextMeshPro component. Press the Fix button to generate or set dissolvable material preset.  

![](https://user-images.githubusercontent.com/12690315/49694638-3e7e4780-fbd1-11e8-8c7f-4d9a2e6c365a.png)

5. (Option) Set dissolvable sprite asset to the TextMeshPro component. Press the Fix button to generate or set dissolvable sprite asset.  

![](https://user-images.githubusercontent.com/12690315/49694647-535adb00-fbd1-11e8-8bea-7a64fdf00de0.png)

6.  Adjust the parameters of the effect as you like, in inspector.  

![](https://user-images.githubusercontent.com/12690315/49696677-e0615c80-fbf0-11e8-98f5-c60890915129.gif)

7.  Enjoy!

##### Requirement

* Unity 5.6+ *(including Unity 2019.x)*

* TextMeshPro v1.0.0+







## Development Note







## License

* MIT

* © UTJ/UCL

## Author

[mob-sakai](https://github.com/mob-sakai)

## See Also

* GitHub page : https://github.com/mob-sakai/DissolveEffectForTMPro

* Releases : https://github.com/mob-sakai/DissolveEffectForTMPro/releases

* Issue tracker : https://github.com/mob-sakai/DissolveEffectForTMPro/issues

* Current project : https://github.com/mob-sakai/DissolveEffectForTMPro/projects/1

* Change log : https://github.com/mob-sakai/DissolveEffectForTMPro/blob/master/CHANGELOG.md