Tasharen Entertainment Forum

Support => NGUI 3 Support => Topic started by: indiefreaks on December 28, 2013, 04:28:58 PM

Title: Gradient outline on UILabels
Post by: indiefreaks on December 28, 2013, 04:28:58 PM

I have a common design request for my game where the text should get a gradient outline to give it some glowing effect.

I'm looking for options here... Anyone? ;)

I know I could go for custom bitmap font and a custom script to change the UIFont used at runtime but I'd like to see all the options available including custom shaders.

Thanks by advance for any tip.

Title: Re: Gradient outline on UILabels
Post by: ArenMook on December 28, 2013, 04:33:11 PM

You have to do either a post-process effect (glow), or use bitmap fonts edited in Photoshop.

Title: Re: Gradient outline on UILabels
Post by: AGB on December 29, 2013, 03:01:33 AM

Im using another font sprite in background, it is much smaller and blurry - great glow effect. Files in attachement.

Title: Re: Gradient outline on UILabels
Post by: AGB on December 29, 2013, 03:19:48 AM

Take a look:

(http://i.imgur.com/jJONHO9.png)

Title: Re: Gradient outline on UILabels
Post by: AGB on December 29, 2013, 03:41:40 AM

Vertical gradient in outline:
(http://i.imgur.com/uNTkqkz.png)