赛博故障效果shader

这应该算是一个比较简单的效果，但是我不知道有没有更加简洁以及开销更小的做法，大致记录一下自己的思路。

 

一、基础版

1、首先是贴图部分的处理，下面这张为基础贴图

放进ps进行处理，先进行马赛克化，然后与原贴图进行叠加。得到的效果如下图

基础思路就是对这张噪声贴图进行缩放，然后用利用time进行uv坐标位移，当然为了得到更好的效果，我使用了两张同样的贴图，分别往两个方向进行运动，最后叠加就能得到比较好的效果。ASE的连线图如下：

最后能得到的效果如图：

 

二、加入RGB分离抖动

基础版稍作改动，用一个明度参数去控制从黑到白的过程，思路来源与一个ae特效视频，待会儿会放在下面。

得到origin参数以后开始做rgb的分离处理：

老实说这里放三张一模一样的贴图总觉得很难受，暂时没有想到更好的办法，以后想到了再来修改。

这样处理完效果如下：

看起来还算可以。

 

三、思路以及连线图

灵感来源：

https://www.bilibili.com/video/BV1rt411C7J4/?spm_id_from=333.788.recommend_more_video.1

ase连线图地址：

https://github.com/LingduYang/shaderGraphLearning/tree/main/ASEGraph/ErrorWorld