效果简介
点击波纹是一种互动特效,当用户点击鼠标左键的时候,添加了点击波纹的区域将以点击位置为中心产生一圈涟漪。
推荐使用场景
泳池、湖面等水面效果,或需要模拟点击按钮效果的区域。
参数设置
- 生效范围:控制点击后,点击波纹的生效区域,请注意,对于添加了点击波纹效果的图层,在图层内任意区域点击,生效范围内都会影响点击波纹的效果。如果希望将响应点击的区域限制在一定范围内,需要提前将期望生效的范围切图后作为独立图层加入壁纸文件,并在独立图层中添加对应效果。关于绘制蒙版的更多教程,请点击这里查看。
- 波纹速度:控制单次点击波纹的动画速度,参数的值越高,动画速度越快。
- 扩散速度:控制点击波纹从点击位置扩散到边缘的速度,参数的值越高,波纹扩散速度越快。当波纹速度比较慢时,调节扩散速度可以更加精准地控制点击波纹涟漪的整体运动速度。
- 波纹强度:控制点击波纹动画的扭曲程度,波纹强度越高,点击后产生的涟漪看起来越深。
- 波纹宽度:控制点击波纹涟漪的宽度,参数的值越低,波纹宽度越窄,涟漪效果越显著。



