01
帧与时间模型
先解决何时更新、更新多少，再谈动画效果。
- rAF
- 时间进度
- 逐帧更新
- 渲染循环
封装自己的动画库
从 requestAnimationFrame、缓动曲线一路推导到弹簧、重力和惯性运动，亲手封装一套能够解释运动规律、承载真实交互的动画函数库。
~ + 位订阅者 · 18 节实战 · 永久阅读
Web 动画能力版图
02
速度与缓动曲线
从数学关系推导加速、减速和弹簧反馈。
- 加速
- 减速
- Ease
- Spring
03
属性与空间路径
让一套时间模型驱动多个属性和复杂轨迹。
- 多属性
- 抛物线
- 圆周
- 贝塞尔
04
物理反馈与交互
把重力、摩擦和边界碰撞接入用户操作。
- 重力
- 弹跳
- 摩擦
- 拖拽惯性
这套课程适合谁
01
动画入门
具备 JavaScript 基础，想弄清楚元素为什么能够连续运动。
02
补足原理
会使用动画库，但还不能解释缓动、弹簧和逐帧更新。
03
练习封装
希望从函数边界、参数设计和复用方式理解动画库结构。
04
交互进阶
需要实现拖拽、惯性、碰撞和路径动画等真实效果。
购买须知
- 01
课程采用文字、代码和可操作动画案例穿插讲解的方式。
- 02
复杂动画 Demo 建议在电脑端阅读，便于观察参数变化和运动轨迹。
- 03
订阅后可永久阅读现有章节和后续补充内容。
- 04
购买后可添加微信 icanmeetu，进入付费读者交流群。
- 05
专栏属于虚拟内容商品，订阅后暂不支持退款，请在购买前确认。
- 06
课程版权归作者所有，未经授权不得转载、转贴或复制发布。