書籍簡介
HTML5 Canvas核心技術
作者
： David Geary
出版社：
機械工業出版社
副標題：
圖形、動畫與遊戲開發
原作名：
Core HTML5 Canvas
譯者
： 愛飛翔
出版年：
2013-5
頁數：
486
定價：
99。00元
叢書：
華章程式設計師書庫
ISBN：
9787111416340
獲取方法
關注微信公眾號：
申霖
，傳送：
0912
目錄· · · · · ·
《html5 canvas核心技術：圖形、動畫與遊戲開發》
譯者序
前言
第1章基礎知識 1
1。1canvas元素 1
1。1。1canvas元素的大小與繪圖表面的大小 4
1。1。2canvas元素的api 5
1。2canvas的繪圖環境 6
1。2。12d繪圖環境 6
1。2。2canvas狀態的儲存與恢復 8
1。3本書程式清單的規範格式 9
1。4開始學習html5 10
1。4。1規範 10
1。4。2瀏覽器 11
1。4。3控制檯與偵錯程式 11
1。4。4效能 13
1。5基本的繪製操作 15
1。6事件處理 18
1。6。1滑鼠事件 18
1。6。2鍵盤事件 22
。1。6。3觸控事件 23
1。7繪製表面的儲存與恢復 23
1。8在canvas中使用html元素 25
1。9列印canvas的內容 32
1。10離屏canvas 35
1。11基礎數學知識簡介 37
1。11。1求解代數方程 37
1。11。2三角函式 38
1。11。3向量運算 39
1。11。4根據計量單位來推導等式 42
1。12總結 44
第2章繪製 45
2。1座標系統 46
2。2canvas的繪製模型 47
2。3矩形的繪製 48
2。4顏色與透明度 50
2。5漸變色與圖案 52
2。5。1漸變色 52
2。5。2圖案 54
2。6陰影 57
2。7路徑、描邊與填充 60
2。7。1路徑與子路徑 63
2。7。2剪紙效果 64
2。8線段 69
2。8。1線段與畫素邊界 70
2。8。2網格的繪製 71
2。8。3座標軸的繪製 72
2。8。4橡皮筋式的線條繪製 74
2。8。5虛線的繪製 79
2。8。6透過擴充套件canvasrenderingcontext2d來繪製虛線 80
2。8。7線段端點與連線點的繪製 81
2。9圓弧與圓形的繪製 83
2。9。1arc（）方法的用法 83
2。9。2以橡皮筋式輔助線來協助使用者畫圓 85
2。9。3arcto（）方法的用法 86
2。9。4刻度儀表盤的繪製 88
2。10貝塞爾曲線 93
2。10。1二次方貝塞爾曲線 93
2。10。2三次方貝塞爾曲線 95
2。11多邊形的繪製 97
2。12高階路徑操作 102
2。12。1拖動多邊形物件 102
2。12。2編輯貝塞爾曲線 107
2。12。3自動滾動網頁，使某段路徑所對應的元素顯示在視窗中 115
2。13座標變換 116
2。13。1座標系的平移、縮放與旋轉 116
2。13。2自定義的座標變換 119
2。14影象合成 123
2。15剪輯區域 128
2。15。1透過剪輯區域來擦除影象 128
2。15。2利用剪輯區域來製作伸縮式動畫 133
2。16總結 135
第3章文字 137
3。1文字的描邊與填充 137
3。2設定字型屬性 141
3。3文字的定位 144
3。3。1水平與垂直定位 144
3。3。2將文字居中 146
3。3。3文字的度量 147
3。3。4繪製座標軸旁邊的文字標籤 148
3。3。5繪製數值儀表盤周圍的文字標籤 151
3。3。6在圓弧周圍繪製文字 152
3。4實現文字編輯控制元件 154
3。4。1指示文字輸入位置的游標 154
3。4。2在canvas中編輯文字 159
3。4。3文字段的編輯 163
3。5總結 174
第4章影象與影片 175
4。1影象的繪製 176
4。1。1在canvas之中繪製圖像 176
4。1。2drawimage（）方法的用法 177
4。2影象的縮放 179
4。3將一個canvas繪製到另一個canvas之中 183
4。4離屏canvas 186
4。5操作影象的畫素 189
4。5。1獲取影象資料 189
4。5。2修改影象資料 195
4。6結合剪輯區域來繪製圖像 208
4。7以影象製作動畫 211
4。8影象繪製的安全問題 216
4。9效能 216
4。9。1對比drawimage（htmlimage）、drawimage（htmlcanvas）與putimagedata（）的繪圖效率 217
4。9。2在canvas中繪製另一個canvas與繪製普通影象之間的對比；在繪製時縮放影象與保持原樣之間的對比 217
4。9。3遍歷影象資料 218
4。10放大鏡 222
4。10。1使用離屏canvas 224
4。10。2接受使用者從檔案系統中拖放進來的影象 225
4。11影片處理 227
4。11。1影片格式 227
4。11。2在canvas中播放影片 229
4。11。3影片處理 230
4。12總結 234
第5章動畫 235
5。1動畫迴圈 235
5。1。1透過requestanimationframe（）方法讓瀏覽器來自行決定幀速率 237
5。1。2internet explorer瀏覽器對requestanimationframe（）功能的實現 241
5。1。3可移植於各瀏覽器平臺的動畫迴圈邏輯 241
5。2幀速率的計算 248
5。3以不同的幀速率來執行各種任務 249
5。4恢復動畫背景 250
5。4。1利用剪輯區域來處理動畫背景 250
5。4。2利用圖塊複製技術來處理動畫背景 252
5。5利用雙緩衝技術繪製動畫 253
5。6基於時間的運動 254
5。7背景的滾動 257
5。8視差動畫 261
5。9使用者手勢 264
5。10定時動畫 266
5。10。1秒錶 266
5。10。2動畫計時器 269
5。11動畫製作的最佳指導原則 270
5。12總結 271
第6章精靈 272
6。1精靈概述 273
6。2精靈繪製器 275
6。2。1描邊與填充繪製器 275
6。2。2影象繪製器 279
6。2。3精靈表繪製器 281
6。3精靈物件的行為 284
6。3。1將多個行為組合起來 285
6。3。2限時觸發的行為 287
6。4精靈動畫製作器 289
6。5基於精靈的動畫迴圈 293
6。6總結 294
第7章物理效果 295
7。1重力 295
7。1。1物體的下落 296
7。1。2拋射體彈道運動 298
7。1。3鐘擺運動 307
7。2時間軸扭曲 311
7。3時間軸扭曲函式 315
7。4時間軸扭曲運動 317
7。4。1沒有加速度的線性運動 319
7。4。2逐漸加速的緩入運動 320
7。4。3逐漸減速的緩出運動 322
7。4。4緩入緩出運動 323
7。4。5彈簧運動與彈跳運動 324
7。5以扭曲後的幀速率播放動畫 326
7。6總結 332
第8章碰撞檢測 333
8。1外接圖形判別法 333
8。1。1外接矩形判別法 333
8。1。2外接圓判別法 334
8。2碰到牆壁即被彈回的小球 336
8。3光線投射法 337
8。4分離軸定理（sat）與最小平移向量（mtv） 340
8。4。1使用分割軸定理檢測碰撞 340
8。4。2根據最小平移向量應對碰撞 362
8。5總結 373
第9章遊戲開發 374
9。1遊戲引擎 374
9。1。1遊戲迴圈 376
9。1。2載入影象 382
9。1。3同時播放多個聲音 384
9。1。4鍵盤事件 385
9。1。5高分榜 386
9。1。6遊戲引擎原始碼 387
9。2遊戲原型 395
9。2。1遊戲原型程式的html程式碼 396
9。2。2原型程式的遊戲迴圈 399
9。2。3遊戲原型程式的載入畫面 400
9。2。4暫停畫面 402
9。2。5按鍵監聽器 404
9。2。6遊戲結束及高分榜 404
9。3彈珠檯遊戲 407
9。3。1遊戲迴圈彈珠 408
9。3。2彈珠精靈 410
9。3。3重力與摩擦力 411
9。3。4彈板的移動 412
9。3。5處理鍵盤事件 413
9。3。6碰撞檢測 416
9。4總結 425
第10章自定義控制元件 426
10。1圓角矩形控制元件 427
10。2進度條控制元件 433
10。3滑動條控制元件 437
10。4影象檢視器控制元件 446
10。5總結 454
第11章移動平臺開發 455
11。1移動裝置的視窗 456
11。2媒體特徵查詢技術 461
11。2。1媒體特徵查詢與css 461
11。2。2用javascript程式應對媒體特徵的變化 462
11。3觸控事件 464
11。3。1touchevent物件 464
11。3。2touchlist物件 465
11。3。3touch物件 466
11。3。4同時支援觸控事件與滑鼠事件 466
11。3。5手指縮放 468
11。4ios5 469
11。4。1應用程式圖示及啟動畫面 469
11。4。2利用媒體特徵查詢技術設定ios5系統的應用程式圖示及啟動畫面 470
11。4。3以不帶瀏覽器飾件的全屏模式執行應用程式 471
11。4。4應用程式的狀態列 471
11。5虛擬鍵盤 472
11。6總結 485
