NBlur User Guide
Yes, NGUI can become transparent and blur
After receiving several email asking for an alternative version of blurred UI plugin for NGUI. We decide to try re-implement the trick on NGUI.
And finally it’s here. NBlur – a blurred UI plugin specifically designed for NGUI.
Specially designed for NGUI. You can actually use NBlur on any NGUI object which has a UIWidget!
As easy as UBlur – no coding require. Actually, they are almost the same! Just two clicks away and your NGUI become transparent and blur.
Tested and run on multiple platforms. iOS / Android / WP8.1 / Desktop.
Setup the correct hierarchy
NGUI has a different design from UGUI. Which makes setting up NBlur a little bit different from setting up UBlur.
In order to sort your blurred UI correctly, you need to separate your UI and background in different panels, layers and rendered them in different cameras.
The main difference with UBlur is, in NBlur you need extra layers to sort UIs and image effects correctly, in UBlur you can do them all in the same layer. Which is due to the natural limitation of NGUI.
Don’t worry, it’s not that difficult. Here’s a quick screenshot guide for you:
Pro tip: For keep your UI’s depth order correct make sure to separate them in different panels, different layers.
And rendered them in different cameras and have their depth difference by 2.
Scripting NBlur is identical to scripting UBlur.
Just follow this link to see UBlur scripting guide and replace all keyword “UBlur” to “NBlur”.
If you have an idea or would like to comment, please don’t hesitate to send me an email.