Dissolve Effect For UGUI by mob-sakai - 19

Shaders & EffectsGUI

A dissolve effect for uGUI, without material instancing. Please star and watch this project :)

Unity 5.5.0p4MIT LicenseUpdated 258 days agoCreated on April 23rd, 2018
Go to source

DissolveEffectForUGUI

NOTE: This project has been merged to UIEffect.

A dissolve effect for uGUI, without material instancing.

image

<< Description | Demo | Download | Usage | Development Note | Change log >>





Description

image

DissolveEffectForUGUI applies dissolve-effect to uGUI element (Image, RawImage, Text, etc…) WITHOUT material instancing.
This will suppress extra draw calls and improve performance.

  • Parameters
    • Dissolve factor (inspector, script, animation)
    • Edge width (inspector, script, animation)
    • Edge color (inspector, script, animation)
    • Edge softness (inspector, script, animation)
    • Noise pattern image (in material)

New feature in v0.4.0

From UIEffect v2.4.0

v2.4.0 editor

  • UIDissolve: Add color mode option.
  • UIDissolve: You can change the edge color, width, softness, color mode in inspector.





Demo

  • demo
    • Just 1 draw call!

WebGL Demo





Usage

  1. Download DissolveEffectForUGUI.unitypackage from Releases.
  2. Import the package into your Unity project. Select Import Package > Custom Package from the Assets menu.
  3. Add DissolveEffectForUGUI component to UI element (Image, RawImage, Text, etc…) from Add Component in inspector.
  4. Control effect parameters in inspector.
  5. Enjoy!
Requirement
  • Unity 5.5+ (included Unity 2017.x)
  • No other SDK are required





Development Note

What’s doing?





License

Author

mob-sakai

See Also

Show all projects by mob-sakai