【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,3d,游戏引擎,算法,经验分享)