HTML5 Canvas核心技術(shù)：圖形、動(dòng)畫(huà)與游戲開(kāi)發(fā)

譯者序
前言
第1章 基礎(chǔ)知識(shí)
1.1 canvas元素
1.1.1 canvas元素的大小與繪圖表面的大小
1.1.2 canvas元素的API
1.2 Canvas的繪圖環(huán)境
1.2.1 2d繪圖環(huán)境
1.2.2 Canvas狀態(tài)的保存與恢復(fù)
1.3 本書(shū)程序清單的規(guī)范格式
1.4 開(kāi)始學(xué)習(xí)HTML5
1.4.1 規(guī)范
1.4.2 瀏覽器
1.4.3 控制臺(tái)與調(diào)試器
1.4.4 性能
1.5 基本的繪制操作
1.6 事件處理
1.6.1 鼠標(biāo)事件
1.6.2 鍵盤(pán)事件
1.6.3 觸摸事件
1.7 繪制表面的保存與恢復(fù)
1.8 在Canvas中使用HTML元素
1.9 打印Canvas的內(nèi)容
1.10 離屏canvas
1.11 基礎(chǔ)數(shù)學(xué)知識(shí)簡(jiǎn)介
1.11.1 求解代數(shù)方程
1.11.2 三角函數(shù)
1.11.3 向量運(yùn)算
1.11.4 根據(jù)計(jì)量單位來(lái)推導(dǎo)等式
1.12 總結(jié)
第2章 繪制
2.1 坐標(biāo)系統(tǒng)
2.2 Canvas的繪制模型
2.3 矩形的繪制
2.4 顏色與透明度
2.5 漸變色與圖案
2.5.1 漸變色
2.5.2 圖案
2.6 陰影
2.7 路徑、描邊與填充
2.7.1 路徑與子路徑
2.7.2 剪紙效果
2.8 線(xiàn)段
2.8.1 線(xiàn)段與像素邊界
2.8.2 網(wǎng)格的繪制
2.8.3 坐標(biāo)軸的繪制
2.8.4 橡皮筋式的線(xiàn)條繪制
2.8.5 虛線(xiàn)的繪制
2.8.6 通過(guò)擴(kuò)展CanvasRenderingContext2D來(lái)繪制虛線(xiàn)
2.8.7 線(xiàn)段端點(diǎn)與連接點(diǎn)的繪制
2.9 圓弧與圓形的繪制
2.9.1 arc方法的用法
2.9.2 以橡皮筋式輔助線(xiàn)來(lái)協(xié)助用戶(hù)畫(huà)圓
2.9.3 arcTo方法的用法
2.9.4 刻度儀表盤(pán)的繪制
2.10 貝塞爾曲線(xiàn)
2.10.1 二次方貝塞爾曲線(xiàn)
2.10.2 三次方貝塞爾曲線(xiàn)
2.11 多邊形的繪制
2.12 高級(jí)路徑操作
2.12.1 拖動(dòng)多邊形對(duì)象
2.12.2 編輯貝塞爾曲線(xiàn)
2.12.3 自動(dòng)滾動(dòng)網(wǎng)頁(yè)，使某段路徑所對(duì)應(yīng)的元素顯示在視窗中
2.13 坐標(biāo)變換
2.13.1 坐標(biāo)系的平移、縮放與旋轉(zhuǎn)
2.13.2 自定義的坐標(biāo)變換
2.14 圖像合成
2.15 剪輯區(qū)域
2.15.1 通過(guò)剪輯區(qū)域來(lái)擦除圖像
2.15.2 利用剪輯區(qū)域來(lái)制作伸縮式動(dòng)畫(huà)
2.16 總結(jié)
第3章 文本
3.1 文本的描邊與填充
3.2 設(shè)置字型屬性
3.3 文本的定位
3.3.1 水平與垂直定位
3.3.2 將文本居中
3.3.3 文本的度量
3.3.4 繪制坐標(biāo)軸旁邊的文本標(biāo)簽
3.3.5 繪制數(shù)值儀表盤(pán)周?chē)奈谋緲?biāo)簽
3.3.6 在圓弧周?chē)L制文本
3.4 實(shí)現(xiàn)文本編輯控件
3.4.1 指示文本輸入位置的光標(biāo)
3.4.2 在Canvas中編輯文本
3.4.3 文本段的編輯
3.5 總結(jié)
第4章 圖像與視頻
4.1 圖像的繪制
4.1.1 在Canvas之中繪制圖像
4.1.2 drawImage（）方法的用法
4.2 圖像的縮放
4.3 將一個(gè)Canvas繪制到另一個(gè)Canvas之中
4.4 離屏canvas
4.5 操作圖像的像素
4.5.1 獲取圖像數(shù)據(jù)
4.5.2 修改圖像數(shù)據(jù)
4.6 結(jié)合剪輯區(qū)域來(lái)繪制圖像
4.7 以圖像制作動(dòng)畫(huà)
4.8 圖像繪制的安全問(wèn)題
4.9 性能
4.9.1 對(duì)比drawImage（HTMLImage）、drawImage（HTMLCanvas）與putImageData（）的繪圖效率
4.9.2 在Canvas中繪制另一個(gè)Canvas與繪制普通圖像之間的對(duì)比；在繪制時(shí)縮放圖像與保持原樣之間的對(duì)比
4.9.3 遍歷圖像數(shù)據(jù)
4.10 放大鏡
4.10.1 使用離屏canvas
4.10.2 接受用戶(hù)從文件系統(tǒng)中拖放進(jìn)來(lái)的圖像
4.11 視頻處理
4.11.1 視頻格式
4.11.2 在Canvas中播放視頻
4.11.3 視頻處理
4.12 總結(jié)
第5章 動(dòng)畫(huà)
5.1 動(dòng)畫(huà)循環(huán)
5.1.1 通過(guò)requestAnimationFrame（）方法讓瀏覽器來(lái)自行決定幀速率
5.1.2 Internet Explorer瀏覽器對(duì)requestAnimationFrame（）功能的實(shí)現(xiàn)
5.1.3 可移植于各瀏覽器平臺(tái)的動(dòng)畫(huà)循環(huán)邏輯
5.2 幀速率的計(jì)算
5.3 以不同的幀速率來(lái)執(zhí)行各種任務(wù)
5.4 恢復(fù)動(dòng)畫(huà)背景
5.4.1 利用剪輯區(qū)域來(lái)處理動(dòng)畫(huà)背景
5.4.2 利用圖塊復(fù)制技術(shù)來(lái)處理動(dòng)畫(huà)背景
5.5 利用雙緩沖技術(shù)繪制動(dòng)畫(huà)
5.6 基于時(shí)間的運(yùn)動(dòng)
5.7 背景的滾動(dòng)
5.8 視差動(dòng)畫(huà)
5.9 用戶(hù)手勢(shì)
5.10 定時(shí)動(dòng)畫(huà)
5.10.1 秒表
5.10.2 動(dòng)畫(huà)計(jì)時(shí)器
5.11 動(dòng)畫(huà)制作的最佳指導(dǎo)原則
5.12 總結(jié)
第6章 精靈
6.1 精靈概述
6.2 精靈繪制器
6.2.1 描邊與填充繪制器
6.2.2 圖像繪制器
6.2.3 精靈表繪制器
6.3 精靈對(duì)象的行為
6.3.1 將多個(gè)行為組合起來(lái)
6.3.2 限時(shí)觸發(fā)的行為
6.4 精靈動(dòng)畫(huà)制作器
6.5 基于精靈的動(dòng)畫(huà)循環(huán)
6.6 總結(jié)
第7章 物理效果
7.1 重力
7.1.1 物體的下落
7.1.2 拋射體彈道運(yùn)動(dòng)
7.1.3 鐘擺運(yùn)動(dòng)
7.2 時(shí)間軸扭曲
7.3 時(shí)間軸扭曲函數(shù)
7.4 時(shí)間軸扭曲運(yùn)動(dòng)
7.4.1 沒(méi)有加速度的線(xiàn)性運(yùn)動(dòng)
7.4.2 逐漸加速的緩入運(yùn)動(dòng)
7.4.3 逐漸減速的緩出運(yùn)動(dòng)
7.4.4 緩入緩出運(yùn)動(dòng)
7.4.5 彈簧運(yùn)動(dòng)與彈跳運(yùn)動(dòng)
7.5 以扭曲后的幀速率播放動(dòng)畫(huà)
7.6 總結(jié)
第8章 碰撞檢測(cè)
8.1 外接圖形判別法
8.1.1 外接矩形判別法
8.1.2 外接圓判別法
8.2 碰到墻壁即被彈回的小球
8.3 光線(xiàn)投射法
8.4 分離軸定理（SAT）與最小平移向量（MTV）
8.4.1 使用分割軸定理檢測(cè)碰撞
8.4.2 根據(jù)最小平移向量應(yīng)對(duì)碰撞
8.5 總結(jié)
第9章 游戲開(kāi)發(fā)
9.1 游戲引擎
9.1.1 游戲循環(huán)
9.1.2 加載圖像
9.1.3 同時(shí)播放多個(gè)聲音
9.1.4 鍵盤(pán)事件
9.1.5 高分榜
9.1.6 游戲引擎源代碼
9.2 游戲原型
9.2.1 游戲原型程序的HTML代碼
9.2.2 原型程序的游戲循環(huán)
9.2.3 游戲原型程序的加載畫(huà)面
9.2.4 暫停畫(huà)面
9.2.5 按鍵監(jiān)聽(tīng)器
9.2.6 游戲結(jié)束及高分榜
9.3 彈珠臺(tái)游戲
9.3.1 游戲循環(huán)彈珠
9.3.2 彈珠精靈
9.3.3 重力與摩擦力
9.3.4 彈板的移動(dòng)
9.3.5 處理鍵盤(pán)事件
9.3.6 碰撞檢測(cè)
9.4 總結(jié)
第10章 自定義控件
10.1 圓角矩形控件
10.2 進(jìn)度條控件
10.3 滑動(dòng)條控件
10.4 圖像查看器控件
10.5 總結(jié)
第11章 移動(dòng)平臺(tái)開(kāi)發(fā)
11.1 移動(dòng)設(shè)備的視窗
11.2 媒體特征查詢(xún)技術(shù)
11.2.1 媒體特征查詢(xún)與CSS
11.2.2 用JavaScript程序應(yīng)對(duì)媒體特征的變化
11.3 觸摸事件
11.3.1 TouchEvent對(duì)象
11.3.2 TouchList對(duì)象
11.3.3 Touch對(duì)象
11.3.4 同時(shí)支持觸摸事件與鼠標(biāo)事件
11.3.5 手指縮放
11.4 iOS5
11.4.1 應(yīng)用程序圖標(biāo)及啟動(dòng)畫(huà)面
11.4.2 利用媒體特征查詢(xún)技術(shù)設(shè)置iOS5系統(tǒng)的應(yīng)用程序圖標(biāo)及啟動(dòng)畫(huà)面
11.4.3 以不帶瀏覽器飾件的全屏模式運(yùn)行應(yīng)用程序
11.4.4 應(yīng)用程序的狀態(tài)欄
11.5 虛擬鍵盤(pán)
11.6 總結(jié)