效果预览
拖动滑动条可调节水纹波动频率的快慢。
原理
对当前uv坐标进行线性+三角函数等混合变换,结合动态变化的时间参数,得到一个新的采样坐标,产生图片折射扭曲效果,从而模拟动态水波纹特效。
u_rate
参数可以控制波动频率的快慢。
获取源码
项目代码:https://github.com/foupwang/ShadersForCocosCreator
交流
-
长按二维码关注公众号“楚游香”,做进一步的技术交流。
拖动滑动条可调节水纹波动频率的快慢。
对当前uv坐标进行线性+三角函数等混合变换,结合动态变化的时间参数,得到一个新的采样坐标,产生图片折射扭曲效果,从而模拟动态水波纹特效。
u_rate
参数可以控制波动频率的快慢。
项目代码:https://github.com/foupwang/ShadersForCocosCreator
长按二维码关注公众号“楚游香”,做进一步的技术交流。