Unity之ASE实现UI流光效果

前言

之前我们做过UV流动的效果,今天我们来做一个用于UI界面的特效–UI流光效果,先看下效果如下:

在这里插入图片描述

实现步骤

1.创建一个Legacy/Default UI的Shader,这是专门用于UI的shader模板
2.添加一个Templete Parameter节点,作为Image的Sprite Texture贴图
3.然后我们把Sprite Texture输出给一个Texture Sample节点
如下所示:我们就实现了一个简单的Image渲染。
在这里插入图片描述

4.添加流动贴图
如下所示,我们添加一个流动的贴图,然后通过UV的Panner流动,让贴图动起来
在这里插入图片描述

5.让流动图扰动起来
单独的一个流动图上下移动或者左右移动,效果看起来会非常单调,我们不妨给流动图的UV加上一点点扰动,这个前面几篇文章都用到过,效果如下:我们可以看到最终的流动图的边缘已经变得不规则,效果好多了。

猜你喜欢

转载自blog.csdn.net/qq563129582/article/details/129394573