Awesome-canvas (opens new window)

学习例子

• [ ] 8位颜色循环引擎实时渲染 (opens new window)
• [ ] 3万粒子效果 (opens new window)

• [ ] canvas 实现loader效果 (opens new window)

• [ ] 用canvas创建圆环 (opens new window)

• [ ] 实现布料3D效果 (opens new window)

• [ ] 多彩粒子效果 (opens new window)

• [ ] GPU距离场波 (opens new window)

轨迹运动

任何有规律的运动都是数学函数的呈现
让元素抛物线运行，套用抛物线函数即可。公式如下：
y = axx + bx + c
角度与弧度的js表达式:radians(弧度)=(degMath.PI/180)

Books

html5-canvas-cookbook (opens new window)