HTML5 Canvas核心技術:圖形、動畫與遊戲開發 PDF掃描版

HTML5 Canvas核心技術:圖形、動畫與遊戲開發 內容簡介：

《HTML5 Canvas核心技術:圖形、動畫與遊戲開發》中，暢銷書做家David Geary（基瑞）先生以實用的範例程序直接切入這套API，全面講解其功能，以求讓讀者實現出內容豐富且界面一致的網絡應用程序，並將開發好的程序部署在多種設備及操做系統之上。

 

教程地址：HTML5 Canvas核心技術:圖形、動畫與遊戲開發 PDF掃描版​

 

 

 

HTML5 Canvas核心技術:圖形、動畫與遊戲開發 

目錄：

前言

第1章 基礎知識

1.1 canvas元素

1.1.1 canvas元素的大小與繪圖表面的大小

1.1.2 canvas元素的api

1.2 canvas的繪圖環境

1.2.12d繪圖環境

1.2.2 canvas狀態的保存與恢復

1.3 本書程序清單的規範格式

1.4 開始學習html5

1.4.1 規範

1.4.2 瀏覽器

1.4.3 控制檯與調試器

1.4.4 性能

1.5 基本的繪製操做

1.6 事件處理

1.6.1 鼠標事件

1.6.2 鍵盤事件

1.6.3 觸摸事件

1.7 繪製表面的保存與恢復

1.8 在canvas中使用html元素

1.9 打印canvas的內容

1.10 離屏canvas

1.11 基礎數學知識簡介

1.11.1 求解代數方程

1.11.2 三角函數

1.11.3 向量運算

1.11.4 根據計量單位來推導等式

1.12 總結

第2章 繪製

2.1 座標系統

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 線段

2.8.1 線段與像素邊界

2.8.2 網格的繪製

2.8.3 座標軸的繪製

2.8.4 橡皮筋式的線條繪製

2.8.5 虛線的繪製

2.8.6 經過擴展canvasrenderingcontext2d來繪製虛線

2.8.7 線段端點與鏈接點的繪製

2.9 圓弧與圓形的繪製

2.9.1 arc（）方法的用法

2.9.2 以橡皮筋式輔助線來協助用戶畫圓

2.9.3 arcto（）方法的用法

2.9.4 刻度儀表盤的繪製

2.10 貝塞爾曲線

2.10.1 二次方貝塞爾曲線

2.10.2 三次方貝塞爾曲線

2.11 多邊形的繪製

2.12 高級路徑操做

2.12.1 拖動多邊形對象

2.12.2 編輯貝塞爾曲線

2.12.3 自動滾動網頁，使某段路徑所對應的元素顯示在視窗中

2.13 座標變換

2.13.1 座標系的平移、縮放與旋轉

2.13.2 自定義的座標變換

2.14 圖像合成

2.15 剪輯區域

2.15.1 經過剪輯區域來擦除圖像

2.15.2 利用剪輯區域來製做伸縮式動畫

2.16 總結

第3章 文本

3.1 文本的描邊與填充

3.2 設置字型屬性

3.3 文本的定位

3.3.1 水平與垂直定位

3.3.2 將文本居中

3.3.3 文本的度量

3.3.4 繪製座標軸旁邊的文本標籤

3.3.5 繪製數值儀表盤周圍的文本標籤

3.3.6 在圓弧周圍繪製文本

3.4 實現文本編輯控件

3.4.1 指示文本輸入位置的光標

3.4.2 在canvas中編輯文本

3.4.3 文本段的編輯

3.5 總結

第4章 圖像與視頻

4.1 圖像的繪製

4.1.1 在canvas之中繪製圖像

4.1.2 drawimage（）方法的用法

4.2 圖像的縮放

4.3 將一個canvas繪製到另外一個canvas之中

4.4 離屏canvas

4.5 操做圖像的像素

4.5.1 獲取圖像數據

4.5.2 修改圖像數據

4.6 結合剪輯區域來繪製圖像

4.7 以圖像製做動畫

4.8 圖像繪製的安全問題

4.9 性能

4.9.1 對比drawimage（htmlimage）、drawimage（htmlcanvas）與putimagedata（）的繪圖效率

4.9.2 在canvas中繪製另外一個canvas與繪製普通圖像之間的對比；在繪製時縮放圖像與保持原樣之間的對比

4.9.3 遍歷圖像數據

4.10 放大鏡

4.10.1 使用離屏canvas

4.10.2 接受用戶從文件系統中拖放進來的圖像

4.11 視頻處理

4.11.1 視頻格式

4.11.2 在canvas中播放視頻

4.11.3 視頻處理

4.12 總結

第5章 動畫

5.1 動畫循環

5.1.1 經過requestanimationframe（）方法讓瀏覽器來自行決定幀速率

5.1.2 internet explorer瀏覽器對requestanimationframe（）功能的實現

5.1.3 可移植於各瀏覽器平臺的動畫循環邏輯

5.2 幀速率的計算

5.3 以不一樣的幀速率來執行各類任務

5.4 恢復動畫背景

5.4.1 利用剪輯區域來處理動畫背景

5.4.2 利用圖塊複製技術來處理動畫背景

5.5 利用雙緩衝技術繪製動畫

5.6 基於時間的運動

5.7 背景的滾動

5.8 視差動畫

5.9 用戶手勢

5.10 定時動畫

5.10.1 秒錶

5.10.2 動畫計時器

5.11 動畫製做的最佳指導原則

5.12 總結

第6章 精靈

6.1 精靈概述

6.2 精靈繪製器

6.2.1 描邊與填充繪製器

6.2.2 圖像繪製器

6.2.3 精靈表繪製器

6.3 精靈對象的行爲

6.3.1 將多個行爲組合起來

6.3.2 限時觸發的行爲

6.4 精靈動畫製做器

6.5 基於精靈的動畫循環

6.6 總結

……

第7章 物理效果

第8章 碰撞檢測

第9章 遊戲開發

第10章 自定義控件

第11章 移動平臺開發