Shader实例02-动态水波纹

效果预览

拖动滑动条可调节水纹波动频率的快慢。

原理

对当前uv坐标进行线性+三角函数等混合变换，结合动态变化的时间参数，得到一个新的采样坐标，产生图片折射扭曲效果，从而模拟动态水波纹特效。

u_rate参数可以控制波动频率的快慢。

获取源码

项目代码：https://github.com/foupwang/ShadersForCocosCreator

交流

• 长按二维码关注公众号“楚游香”，做进一步的技术交流。