Foundation HTML5Animation with JavaScript动画开发基础
Keith Peters 的《Foundation HTML5 Animation with JavaScript》是那种你翻两页就会想起当年用 Flash 搞动画的书。只是这次主角换成了 Canvas、SVG 和 JavaScript。书讲得挺接地气,动画的时间线、帧率怎么控制、物理效果怎么模拟,全都讲到了,关键是代码也不绕,调试起来爽。
动画离不开 Canvas,这书从最基本的画线、填色、做渐变讲起,一步步带你上手。尤其是requestAnimationFrame
的,实用,用来做流畅动画基本标配了。
SVG那一块也挺有意思,画出来的图能缩放不会糊,拿来做图标、动效都香。配合 JavaScript,加点小动画也不费事,像放大、旋转、颜色渐变啥的。
动画原理部分讲得蛮细,像时间戳
、定时器
、帧率
这些概念,讲得透彻但不啰嗦。还有像碰撞检测、摩擦力这些物理效果,加进去后动画立马变得生动不少。
交互也有涉及,比如鼠标拖拽、键盘控制,甚至是用户操作反馈。书里讲了不少小例子,像画图板、小游戏界面这种,挺适合练手的。
性能优化也没落下,像怎么避免重绘、怎么控制渲染频率、requestAnimationFrame
的使用技巧,写动画时常常踩坑的地方,这书都帮你避开了。
如果你对 HTML5 动画还停留在“画个圆圈”的阶段,这本书能帮你把动画做出层次来。PDF 和 EPUB 格式也都有,地铁上看看也方便。
10.12MB
文件大小:
评论区