JavaScript高效图形编程

2.2　转为一个jQuery插件　35
2.3　定时器、速度和帧速率　37
2.3.1　使用setInterval和setTimeout　38
2.3.2　定时器精度　39
2.3.3　保持速度一致　40
2.4　IE6背景图像缓存　45
第3章　滚动　46
3.1　纯CSS滚动特效　46
3.2　用JavaScript滚动　50
3.2.1　背景图像滚动　50
3.2.2　基于块的图像滚动　52
第4章　高级UI　68
4.1　HTML5表单　68
4.2　使用JavaScript UI库　70
4.3　从头创建UI元素　78
第5章　JavaScript游戏介绍　89
5.1　游戏对象概述　90
5.2　游戏代码　92
5.2.1　游戏变量　92
5.2.2　读取键盘输入　93
5.2.3　移动所有物体　95
5.2.4　一个简单的动画　96
5.2.5　碰撞检测　97
5.2.6　外星人　102
5.2.7　玩家　107
5.2.8　护甲　110
5.2.9　神秘飞碟　111
5.2.10　游戏　112
5.2.11　所有代码　116
第6章　HTML5画布　119
6.1　画布的支持　120
6.2　位图、矢量图，或两者兼而有之？　120
6.3　画布限制　121
6.4　画布与SVG的对比　121
6.5　画布与Adobe Flash的对比　122
6.6　画布导出器　123
6.7　画布绘制基础　125
6.7.1　画布元素　125
6.7.2　绘图环境　125
6.7.3　绘制矩形　126
6.7.4　绘制直线和曲线的路径　126
6.7.5　绘制位图图像　133
6.7.6　颜色、描边和填充　134
6.8　使用画布创建动画　138
6.9　画布和递归绘图　140
6.10　用画布sprites取代DHTMLsprite　143
6.10.1　新CanvasSprite对象　143
6.10.2　其他的代码更改　144
6.11　一个图形使用画布的WebSockets聊天应用　145
6.11.1　WebSockets优势　146
6.11.2　WebSockets支持和安全　146
6.11.3　聊天应用程序　147
第7章　游戏和模拟中的向量　159
7.1　向量运算　162
7.1.1　加法和减法　163
7.1.2　缩放　163
7.1.3　标准化　163
7.1.4　旋转　163
7.1.5　向量的点乘　164
7.2　创建一个JavaScript向量对象　165
7.3　使用向量的大炮模拟　166
7.3.1　模拟范围的变量　167
7.3.2　炮弹　168
7.3.3　大炮　168
7.3.4　背景　170
7.3.5　主循环　171
7.3.6　页面布局　171
7.4　火箭模拟　172
7.4.1　游戏对象　173
7.4.2　障碍物对象　174
7.4.3　火箭物体　175
7.4.4　背景　178
7.4.5　碰撞检测和反馈　178
7.4.6　页面代码　180
7.4.7　可能的改进方案　182
第8章　谷歌可视化　183
8.1　限制　185
8.2　相关术语表　186
8.3　图像图表　187
8.3.1　数据格式及图表分辨率　190
8.3.2　使用动态数据　194
8.3.3　总结　197
8.4　交互式图表　197
第9章　使用jQuery Mobile为移动设备开发　206
9.1　jQuery Mobile　207
9.2　TilePic：移动友好的网络应用程序　209
9.2.1　TilePic游戏概述　209
9.2.2　TilePic游戏代码　211
9.3　PhoneGap　220
第10章　用PhoneGap创建Android应用　222
10.1　安装PhoneGap　223
10.1.1　安装Java开发工具包(JDK)　223
10.1.2　安装Android软件开发工具包(SDK)　224
10.1.3　安装 Eclipse　225
10.1.4　安装Android开发工具　226
10.1.5　安装PhoneGap　227
10.2　在Eclipse中创建一个PhoneGap项目　227
10.2.1　更改App.java文件　229
10.2.2　改变AndroidManifest.xml文件　230
10.2.3　创建和测试一个简单的Web应用程序　231
10.2.4　测试TilePic应用程序　232

.　　讨论交互式图形的书无法避开视频游戏。本书中将开发一个完整的视频游戏应用；并讨论相关的子图和滚动等技术。
　　本书每章的内容可以总结如下。
　　第1章，代码重用和优化
　　本章讨论JavaScript面向对象编程技术，以及图形应用中涉及的代码优化(包括jQuery优化)。本章甚至将介绍如何使用鲜为人知的JavaScript位操作符进行性能优化。
　　第2章，DHTML基础
　　本章展示了如何使用普通的DOM操作(DHTML)创建图形应用。我们将在本章开发一个适用于游戏和其他场景的子图系统，并将其以jQuery插件的形式封装。
　　第3章，滚动
　　本章首先讨论了CSS滚动技术，包括视差特效。然后本章将介绍基于JavaScript的滚动技术，以及基于块的视差卷轴特效。我们还将介绍一个强大的地图编辑器，用于创建基于块的地图。
　　第4章，高级UI
　　本章覆盖了jQuery UI和Ext JS两个UI库。我们将探讨两个库的不同工作方式和各自适合的应用类型。另外，我们还将构建一个三维旋转木马的示例。
　　第5章，JavaScript游戏介绍
　　本章演示了如何用开放Web技术，而不是Flash插件来构建有趣的Web游戏。我们将通过开发一个怀旧的视频游戏来说明我们讨论的技术。
　　第6章，HTML5画布
　　本章通过许多示例来深入介绍Canvas元素，包括如何使用Canvas和Websockets创建一个图形化的聊天应用。其中涉及的画布主题包括：绘制、描边、填充、渐变、递归绘制、位图和动画。
　　第7章，游戏和模拟中的向量
　　本章介绍图形应用和游戏中广为使用的二维向量。代码示例包括大炮和火箭的模拟。
　　第8章，谷歌可视化
　　本章使用谷歌图表工具来对多种数据进行可视化，从基本的饼图到仪表图。本章不仅介绍了静态的可视化图形，而且覆盖了交互式的可视化图表，以及必要的数据格式化技术。
　　第9章，使用jQuery Mobile为移动设备开发
　　本章描述了jQuery Mobile，一个基于jQuery的、面向移动设备的开发框架。jQuery Mobile可以将普通的HTML页面转化为交互式和动画式的手机体验。本章中的主要例子是一个使用jQuery UI、面向移动设备的图形化滑动解谜游戏。
　　第10章，用PhoneGap创建Android应用
　　本章介绍如何使用PhoneGap将Web应用转换为手机的本地应用。本章解释了如何安装和配置PhoneGap来创建本地Android应用。在此之后，我们将把第9章的滑动解谜游戏转换为可以部署到移动设备上的本地应用。