定义了多组坐标数据，要实现坐标之间的连线动画(不考虑曲线)，以及暂停与播放功能，还有重置，这可太难了呀，还不让依赖工具，于是我就放弃了。 用div做.....怎么做呢...我艹，算了，换canvas吧，还是canvas爽一点。 至于为什么叫BALL，也许是因为热衷于球吧。 正如…

1. 粒子系统的共性 1. 创建 canvas 画布。 2. 初始化粒子（创建粒子形状，确定粒子的起始位置）。 3. 绘制粒子到画布。 4. 定义粒子的运动方式（即粒子的运动动画）。 5. 控制动画的播放与暂停。 6. 清除画布。 1. 创建 canvas 画布。 （基类完成）…

在项目中自己使用 Canvas 实现了一下水波图，在这里给大家分享一下它的实现原理。 一开始看到波浪，可能不知道从何入手，我们来看看波浪的特征就会有灵感了。 没错，有人肯定会想到，就是 正余弦曲线！对于波陡很小的波动，一般选择正弦或余弦的曲线来表示波形，这是最简单而又最接近实际…