《JavaScript高效圖形程式設計（修訂版）》——導讀

**

前言

作為資深的視訊遊戲開發人員，我已經習慣于和高性能的程式設計語言和硬體打交道，是以剛開始我并沒有對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.1　圖像動畫

2.1.2　封裝和畫圖抽象

2.1.3　最小化dom插入和删除

2.1.4　sprite代碼

2.1.5　一個簡單的sprite應用程式

2.1.6　一個更動态的sprite應用程式

<a href="https://yq.aliyun.com/articles/95740">2.2 轉為一個jquery插件</a>

<a href="https://yq.aliyun.com/articles/95752">2.3 定時器、速度和幀速率</a>

2.3.1　使用setinterval和settimeout

2.3.2　定時器精度

2.3.3　保持速度一緻

<a href="https://yq.aliyun.com/articles/95757">2.4 ie6背景圖像緩存</a>

**[第6章 html5畫布

<a href="https://yq.aliyun.com/articles/95770">6.2 位圖、矢量圖，或兩者兼而有之？</a>

<a href="https://yq.aliyun.com/articles/95773">6.3 畫布限制</a>

<a href="https://yq.aliyun.com/articles/95777">6.4 畫布與svg的對比</a>

<a href="https://yq.aliyun.com/articles/95781">6.5 畫布與adobe flash的對比</a>

<a href="https://yq.aliyun.com/articles/95790">6.6 畫布導出器</a>

<a href="https://yq.aliyun.com/articles/95814">6.7 畫布繪制基礎</a>

6.7.1　畫布元素

6.7.2　繪圖環境

6.7.3　繪制矩形

6.7.4　繪制直線和曲線的路徑

6.7.5　繪制位圖圖像

6.7.6　顔色、描邊和填充

<a href="https://yq.aliyun.com/articles/95825">6.8 使用畫布建立動畫</a>

<a href="https://yq.aliyun.com/articles/95835">6.9 畫布和遞歸繪圖</a>

6.9.1　畫布樹的頁面布局

<a href="https://yq.aliyun.com/articles/95842">6.10 用畫布sprites取代dhtmlsprite</a>

6.10.1　新canvassprite對象

6.10.2　其他的代碼更改

<a href="https://yq.aliyun.com/articles/95869">6.11 一個圖形使用畫布的websockets聊天應用</a>

6.11.1　websockets優勢

6.11.2　websockets支援和安全

6.11.3　聊天應用程式