**

前言

**作为资深的视频游戏开发人员，我已经习惯于和高性能的编程语言和硬件打交道，因此刚开始我并没有对JavaScript进行图形编程有太高的期望。不过后来发现，实际上JavaScript是一个优秀和高效的编程语言，而且随着更好的浏览器支持、本身的性能提升，以及新的工具库加入，JavaScript还在不断变好。JavaScript结合了HTML5 Canvas等特性，给Web开发人员提供了真正可以不用Adobe Flash等插件的方案。而WebGL等特性则为使用JavaScript和浏览器进行图形编程描绘了非常美好的未来。

这本书的目标读者需要具备一定的JavaScript知识，并且想要学习真正的Web图形编程，而不仅仅依赖于jQuery这样的库做一些动画特效。本书中涵盖了下面这些内容：

• 如何重用和优化代码，包括继承技术和性能优化经验；
• 用普通的DOM操作（DHTML）来构建图形化应用；
• 使用更高级的画布元素；
• 创建视频游戏；
• 创建图形和动画所需的数学；
• 使用谷歌可视化API和画图工具来呈现你的数据；
• 如何有效使用jQuery并开发面向图形的jQuery插件；
• 使用jQuery Mobile创建适合移动设备的图形Web应用；
• 使用PhoneGap将你的Web应用转换为本地Android应用。

目录

**[第2章 DHTML基础

2.1 创建DHTML sprite](**2.1.1　图像动画2.1.2　封装和画图抽象2.1.3　最小化DOM插入和删除2.1.4　sprite代码2.1.5　一个简单的sprite应用程序2.1.6　一个更动态的sprite应用程序2.3.1　使用setInterval和setTimeout2.3.2　定时器精度2.3.3　保持速度一致**[第6章 HTML5画布6.1 画布的支持](**6.7.1　画布元素6.7.2　绘图环境6.7.3　绘制矩形6.7.4　绘制直线和曲线的路径6.7.5　绘制位图图像6.7.6　颜色、描边和填充6.9.1　画布树的页面布局6.10.1　新CanvasSprite对象6.10.2　其他的代码更改6.11.1　WebSockets优势6.11.2　WebSockets支持和安全6.11.3　聊天应用程序