【UI小图标带UIShiny流光效果,永远在3D物体最前面渲染,UI层级显示在最上层】

编程入门 行业动态 更新时间:2024-10-24 20:22:17

【UI小图标带UIShiny流光效果,永远在3D物体最前面渲染,UI<a href=https://www.elefans.com/category/jswz/34/1768876.html style=层级显示在最上层】"/>

【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层级显示在最上层】

本文发布于:2023-11-17 00:56:19,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1636391.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:层级   流光   物体   最前面   小图标

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!