Canvas 动态进度加载水球 前言 之前看到一些球型的动态加载的效果,一直想自己动手做一个,正好这段时间重温了一个Canvas,所以就尝试了一下。 实现思路 关于水波的实现,使用了sin()函数,通过每一帧不断的移动sin()函数曲线,实现水波动态效果。然后,通过绘制圆形路径,进行clip(),实现球型效果。 sin()函数相关 这里说一下sin()函数的相关基础,对于绘制水波的影响。 看一下图,回顾一下中学sin()函数的基础。 从图中可以看出,当函数为sin(x)时,值域为[-1, 1],周期为2π。 当sin(x)乘以一个数,可以改变值域,也就是峰值,如下图: 系数大于1时曲线更
评论星级较低,若资源使用遇到问题可联系上传者,3个工作日内问题未解决可申请退款~