HTML5+JavaScript动画基础

《HTML5+JavaScript动画基础》包括了基础知识、基础动画、高级动画、3D动画和其他技术5大部分，分别介绍了动画的基本概念、动画的JavaScript基础、动画中的三角学、渲染技术、速度向量和加速度、边界与摩擦力、用户交互：移动物体、缓动与弹动、碰撞检测、坐标旋转与斜面反弹、撞球物理、粒子与万有引力、正向运动学：让事物行走、反向运动学：拖曳与伸出、三维基础、三维线条与填充、背面剔除与三维灯光、矩阵数学、秘诀与技巧等内容。

内容简介

《HTML5+JavaScript动画基础》包括了基础知识、基础动画、高级动画、3D动画和其他技术5大部分，分别介绍了动画的基本概念、动画的JavaScript基础、动画中的三角学、渲染技术、速度向量和加速度、边界与摩擦力、用户交互：移动物体、缓动与弹动、碰撞检测、坐标旋转与斜面反弹、撞球物理、粒子与万有引力、正向运动学：让事物行走、反向运动学：拖曳与伸出、三维基础、三维线条与填充、背面剔除与三维灯光、矩阵数学、秘诀与技巧等内容。

这些内容都是Web开发人员在深入如加速度、速度、缓冲、弹簧、碰撞检测、动量守恒、3D以及正向和反向运动物理概念之前，需要知道的所有关于三角函数的知识。在阅读本书的过程中，读者不但可以掌握脚本动画背后的概念，还可以创造出各种形式的精彩动画和游戏。

《HTML5+JavaScript动画基础》面向所有使用HTML5或从Flash转过来的Web开发人员。

目录

第一部分JavaScript动画基础
第1章 动画的基本概念 2
1.1 动画 3
1.2 帧与运动 3
1.2.1 记录帧 4
1.2.2 程序帧 5
1.3 动态动画与静态动画 5
1.4 小结 6
第2章 动画的JavaScript基础 7
2.1 动画基础 7
2.2 HTML5简介 8
2.2.1 对canvas的支持 8
2.2.2 性能 9
2.2.3 HTML5基本文档 9
2.2.4 CSS样式表 11
2.2.5 额外的脚本 12
2.2.6 调试 12
2.3 用代码实现动画 13
2.3.1 动画循环 13
2.3.2 使用requestAnimationFrame的动画循环 16
2.4 JavaScript对象 17
2.4.1 基础对象 18
2.4.2 创建一类新对象 18
2.4.3 原型 19
2.4.4 函数风格 19
2.5 用户交互 20
2.5.1 事件与事件处理程序 20
2.5.2 监听器与事件处理程序 20
2.5.3 鼠标事件 22
2.5.4 鼠标位置 24
2.5.5 触摸事件 25
2.5.6 触摸位置 26
2.5.7 键盘事件 27
2.5.8 键盘码 28
2.6 小结 30
第3章 动画中的三角学 31
3.1 三角学 32
3.2 角 32
3.2.1 弧度和角度 32
3.2.2 canvas坐标系 33
3.2.3 三角形的边 35
3.2.4 三角函数 35
3.3 旋转 39
3.4 波 42
3.4.1 平滑的上下运动 43
3.4.2 线性垂直运动 45
3.4.3 脉冲运动 46
3.4.4 使用两个角的产生波 47
3.4.5 使用绘图API产生的波 48
3.5 圆与椭圆 49
3.5.1 圆周运动 49
3.5.2 椭圆运动 51
3.6 勾股定律 52
3.6.1 两点间距离 52
3.7 本章中的重要公式 55
3.7.1 三角学基础函数 55
3.7.2 角度与弧度互转 55
3.7.3 朝鼠标（或任意一点）旋转 55
3.7.4 创建波 56
3.7.5 创建圆形 56
3.7.6 创建椭圆形 56
3.7.7 获取两点间的距离 56
3.8 小结 57
…