层级显示在最上层】"/>
【UI小图标带UIShiny流光效果,永远在3D物体最前面渲染,UI层级显示在最上层】
UI小图标带UIShiny流光效果,永远在3D物体最前面渲染,UI层级显示在最上层
- 需求描述
- 1. 实现UI流光
- 下载链接如下:
- 如下图:
- UI-Front-Shiny.shader代码如下:
- 文字层级在最上层的Shader代码如下:
- 最终效果如下:
需求描述
- UI层,实现流光效果。
- UI层级在最上层,在场景任何3D物体前面显示。
- UI层包括背景底板、左侧圆形图Image还有Text文本。
1. 实现UI流光
- 之前有过一篇关于【着色器实现Shine局部或整体扫光效果_Shader效果第三篇】,对于切割做拉伸的UI不太好用。
- 这里用UIEffect——UIShiny实现方式实现。WebGLDEMO展示
更多推荐
【UI小图标带UIShiny流光效果,永远在3D物体最前面渲染,UI层级显示在最上层】
发布评论