UGUI 流光特效

效果图：

原理

1. 写个简单的Shader：

float4 frag (v2f i) : SV_Target
{float4 col = tex2D(_MainTex, i.uv);float2 uv = i.uv - 0.5;float2 pt = pointbyangle( fmod( _StartAngle + _Time.y * _Speed, 360));float l = clamp( 1 - length( uv - pt ) / ( _Size * 1.414213562373), 0, 1 );float4 bor = lerp( _BorderColor, _BorderColor * col.a, _Alpha );return lerp( float4(0,0,0,0), bor, l );
}

2. 创建一个材质赋予Image

材质可以配置的项有流光颜色、流光位置、速度、大小、开始角度（这是为了多个UI组件都具有该特效时，避免流光全都同步，赋予开始角度后，可以打乱每个窗体的流光角度，使他们各自不同）。

要注意的小坑

想要让PostProcess在UGUI上起作用，Canvas渲染模式不能设置为Overlay，其他两种模式都可以，如果UI仅仅需要摆到屏幕上，则使用Camera模式，如果UI需要摆到场景中，则World Space模式。

源码下载：
https://download.csdn.net/download/sdhexu/21540738

Unity UGUI 流光特效相关推荐

[Unity]UGUI和特效MeshRender渲染层级问题
相信点到这里进来的老哥们,八成也是遇到了我这样的问题: 美术做了一个特效,这个特效可能是粒子,也可能是一个MeshRender.然后策划想让这个特效显示在Image A上面,Image B下面. 就是 ...
Unity UGUI开发设计及案例讲解
Unity--UGUI开发设计及案例讲解 1． Unity4.6跟以前的版本的最大区别首先在于在层级视图中点鼠标右键时出现的弹出菜单上,它把以前许多的菜单项进行了归类,比如cube sphere ca ...
Unity UGUI Rect
Unity UGUI Rect rect.x与rect.y rect.min和rect.max rect.center rect.x与rect.y x,y就是rect类的根坐标,有了它我们就能确定我们 ...
android 自定义特效,Android 自定义控件~流光特效
流光之前在某一个app上看见这种流光特效非常酷炫,就想着学习怎么编写出来,以下是我所编写的流光特效代码: 这是kotlin编写出的一.首先先确定流光最初位置的坐标点: 二.然后配置每一个点移动的距 ...
Unity UGUI Button 中文详解-Chinar
Chinar blog :www.chinar.xin Unity UGUI 完整系列教程 (Chinar中文图解) Unity UGUI Button 组件本文提供全流程,中文翻译. Chinar ...
Unity UGUI Batches合批规则详解（含源码）
Unity UGUI Batches合批规则详解在处理UGUI DrawCall问题的时候,我们经常遇到各式各样的问题. 问题1:在处理UGUI合批的时候,发现了一个面板父节点发生旋转,底下的UI合 ...
【游戏开发实战】Unity UGUI Text图文混排（聊天文字混表情），支持动态表情，出招吧表情帝
文章目录一.前言二.最终效果三.具体使用 1.导入表情素材 2.设置图片格式 3.生成表情图集 4.UI-EmojiFont.shader 5.材质球四.测试五.结束语一.前言点关注不迷 ...
Unity UGUI实现图文混排
目前在unity实现图文混排的好像都是通过自定义字体然后在文本获取字符的位置,用图片替换掉图片标签,这样对于支持英文来说,并没有什么影响.然后对于中文来说就是一个相当麻烦的事了,毕竟图文混排多用于游戏 ...
Unity UGUI图文混排源码(二)
Unity UGUI图文混排源码(一):http://blog.csdn.net/qq992817263/article/details/51112304 Unity UGUI图文混排源码(二):ht ...
Unity UGUI基础之 Scroll View/Scroll Rect 的简单使用，并取消拖拽(滑动内容)效果，拖拽只在Scrollbar 上起作用
Unity UGUI基础之 Scroll View/Scroll Rect 的简单使用,并取消拖拽(滑动内容)效果,拖拽只在Scrollbar 上起作用目录 Unity UGUI基础之 Scro ...

Unity UGUI 流光特效