Foundation HTML5Animation with JavaScript动画开发基础

Keith Peters 的《Foundation HTML5 Animation with JavaScript》是那种你翻两页就会想起当年用 Flash 搞动画的书。只是这次主角换成了 CanvasSVGJavaScript。书讲得挺接地气,动画的时间线、帧率怎么控制、物理效果怎么模拟,全都讲到了,关键是代码也不绕,调试起来爽。

动画离不开 Canvas,这书从最基本的画线、填色、做渐变讲起,一步步带你上手。尤其是requestAnimationFrame的,实用,用来做流畅动画基本标配了。

SVG那一块也挺有意思,画出来的图能缩放不会糊,拿来做图标、动效都香。配合 JavaScript,加点小动画也不费事,像放大、旋转、颜色渐变啥的。

动画原理部分讲得蛮细,像时间戳定时器帧率这些概念,讲得透彻但不啰嗦。还有像碰撞检测、摩擦力这些物理效果,加进去后动画立马变得生动不少。

交互也有涉及,比如鼠标拖拽、键盘控制,甚至是用户操作反馈。书里讲了不少小例子,像画图板、小游戏界面这种,挺适合练手的。

性能优化也没落下,像怎么避免重绘、怎么控制渲染频率、requestAnimationFrame的使用技巧,写动画时常常踩坑的地方,这书都帮你避开了。

如果你对 HTML5 动画还停留在“画个圆圈”的阶段,这本书能帮你把动画做出层次来。PDF 和 EPUB 格式也都有,地铁上看看也方便。

顺带推荐几个还不错的案例看看:雨水动画画板涂鸦SVG 遮罩动画,都挺有意思的,照着玩玩收获也不小。

zip 文件大小:10.12MB