逝水流光

文章主要介绍 Canvas 像素操作，涉及 getImageData、putImageData 和 createImageData 等方法及 ImageData 对象。

本文围绕 Canvas 实现小球碰撞展开。先给出小球移动操作代码，接着阐述单轴碰撞的物理理论及实现，又详细讲解双轴碰撞理论基础与代码实现。

文章介绍在 Canvas 画布中绘制满圆的方法。先从基础 HTML 结构与绘制单个圆入手，接着实现绘制 500 个圆，进而优化算法绘制 500 个不相交且大小不等的圆，最后对绘制过程进行小优化。

文章以 Canvas 实现烟花效果为核心，从绘制单个点入手，逐步构建烟花类，实现烟花爆炸、粒子颜色变化、多烟花绘制，还处理了内存泄漏、添加空气阻力和拖尾效果，通过代码展示完整的烟花效果实现过程。

文章介绍使用 Canvas 实现五彩纸屑效果。先设计类结构，包括Particle、ConfettiBatch和Confetti类。接着实现粒子发射、3D 旋转、清除已完成粒子及主循环优化等功能。

本文聚焦 Canvas 动画高级知识。介绍缓动动画，通过特定公式实现平滑运动，可应用于多种属性变化；还阐述弹性动画及其与摩擦力结合的形式，详细讲解了相关公式与实现原理，并提供代码示例供学习实践。

本文是 Canvas 实战篇，实现星空连线图。先封装画点操作，接着初始化 canvas 并设置样式，随后创建多个随机点并使其运动，最后通过勾股定理添加连线.

文章围绕 Canvas 实现小球拖拽展开。先延续上章小球基本操作代码，接着介绍检测小球与鼠标接触的方法，封装获取鼠标在 Canvas 位置的函数，通过模拟 mousedown 等事件实现小球拖拽。

本文介绍 Canvas 动画初级知识。给出匀速直线、圆周、椭圆、左右来回、正弦、带角度匀速运动等多种动画的实现代码，展示了不同运动效果的制作方法与原理。