最近在学习动画,就做了一个简单的水波纹动画。这个效果可以用在部分个人中心页的边界或者进度的显示。
先附上github地址:水波纹,里面有效果。
先说下动画实现的整体思路:
波纹的动画实际上是我们上学高数学过的正弦函数,虽说都已经忘的差不多了。。。
对方不想和你说话并扔过了一个公式,y=Asin(ωx+φ)+k,这个公式里面A是振幅,振幅越大,波峰和波谷也就越大。2π/ω是周期,即走完波峰和波谷整个所用的时间,φ是在x轴上的偏移量,负值为向右便宜,正值为向左偏,k是在y轴上的偏移量,正值为向上偏,负值为向下偏。
网友评论