第1章 HTML5簡(jiǎn)介　
1.1 HTML簡(jiǎn)史　
1.2 為什么需要HTML5　
1.2.1 問題　
1.2.2 解決問題　
1.3 HTML5的新特性　
1.3.1 結(jié)構(gòu)和內(nèi)容元素　
1.3.2 表單　
1.3.3 媒體元素　
1.4 剖析HTML5頁(yè)面的結(jié)構(gòu)　
1.5 對(duì)HTML5的誤解　
1.5.1 CSS3誤解　
1.5.2 Web Fonts誤解　
1.5.3 Geolocation誤解　
1.5.4 SVG誤解　
1.5.5 Web Storage誤解　
1.5.6 Web Workers誤解　
1.5.7 WebSocket誤解　
1.6 小結(jié)　
第2章 JavaScript基礎(chǔ)　
2.1 JavaScript概述　
2.2 jQuery　
2.2.1 jQuery是什么　
2.2.2 為什么要使用它　
2.2.3 這是在誤導(dǎo)你嗎　
2.2.4 是否不需要理解純JavaScript　
2.2.5 如何使用jQuery　
2.3 在HTML頁(yè)面上添加JavaScript　
2.4 在頁(yè)面加載之后運(yùn)行JavaScript　
2.4.1 錯(cuò)誤的方法(window.onload事件)　
2.4.2 冗長(zhǎng)的方法(DOM)　
2.4.3 簡(jiǎn)單的方法(jQuery方法)　
2.5 變量與數(shù)據(jù)類型　
2.5.1 變量　
2.5.2 數(shù)據(jù)類型　
2.6 條件語(yǔ)句　
2.6.1 if語(yǔ)句　
2.6.2 比較運(yùn)算符　
2.6.3 在if語(yǔ)句中進(jìn)行多重布爾值檢查　
2.6.4 else和else if語(yǔ)句　
2.7 函數(shù)　
2.7.1 創(chuàng)建函數(shù)　
2.7.2 調(diào)用函數(shù)　
2.8 對(duì)象　
2.8.1 什么是對(duì)象　
2.8.2 創(chuàng)建和使用對(duì)象　
2.9 數(shù)組　
2.9.1 創(chuàng)建數(shù)組　
2.9.2 訪問和修改數(shù)組　
2.10 循環(huán)　
2.11 定時(shí)器　
2.11.1 設(shè)置一次性定時(shí)器　
2.11.2 取消一次性定時(shí)器　
2.11.3 設(shè)置重復(fù)定時(shí)器　
2.11.4 取消重復(fù)定時(shí)器　
2.12 DOM　
2.12.1 HTML網(wǎng)頁(yè)示例　
2.12.2 使用純JavaScript訪問DOM　
2.12.3 使用jQuery訪問DOM　
2.12.4 操作DOM　
2.13 小結(jié)　
第3章 Canvas基礎(chǔ)知識(shí)　
3.1 認(rèn)識(shí)canvas元素　
3.2 2D渲染上下文　
3.2.1 坐標(biāo)系統(tǒng)　
3.2.2 訪問2D渲染上下文　
3.3 繪制基本圖形和線條　
3.3.1 線條　
3.3.2 圓形　
3.4 樣式　
3.5 繪制文本　
3.6 擦除Canvas　
3.7 使Canvas填滿瀏覽器窗口　
3.8 小結(jié)　
第4章 Canvas高級(jí)功能　
4.1 保存和恢復(fù)繪圖狀態(tài)　
4.1.1 畫布繪圖狀態(tài)是什么　
4.1.2 保存繪圖狀態(tài)　
4.1.3 恢復(fù)繪圖狀態(tài)　
4.1.4 保存和恢復(fù)多個(gè)繪圖狀態(tài)　
4.2 變形　
4.2.1 平移　
4.2.2 縮放　
4.2.3 旋轉(zhuǎn)　
4.2.4 變換矩陣　
4.3 合成　
4.3.1 全局阿爾法值　
4.3.2 合成操作　
4.4 陰影　
4.5 漸變　
4.6 復(fù)雜路徑　
4.7 將畫布導(dǎo)出為圖像　
4.8 小結(jié)　
第5章 處理圖像和視頻　
5.1 加載圖像　
5.2 調(diào)整和裁剪圖像　
5.2.1 調(diào)整圖像大小　
5.2.2 裁剪圖像　
5.2.3 陰影　
5.3 圖像變形　
5.3.1 平移　
5.3.2 旋轉(zhuǎn)　
5.3.3 縮放與翻轉(zhuǎn)　
5.4 訪問像素值　
5.5 從零繪制圖像　
5.5.1 隨機(jī)繪制像素　
5.5.2 創(chuàng)建馬賽克效果　
5.6 基本圖像效果　
5.6.1 反轉(zhuǎn)顏色　
5.6.2 灰度　
5.6.3 像素化　
5.7 視頻處理　
5.7.1 創(chuàng)建HTML5video元素　
5.7.2 使用HTML5video API　
5.7.3 設(shè)置畫布　
5.8 小結(jié)　
第6章 制作動(dòng)畫　
6.1 畫布中的動(dòng)畫　
6.2 創(chuàng)建動(dòng)畫循環(huán)　
6.2.1 循環(huán)　
6.2.2 更新、清除、繪制　
6.3 記憶要繪制的形狀　
6.3.1 錯(cuò)誤的方法　
6.3.2 正確的方法　
6.3.3 隨機(jī)產(chǎn)生形狀　
6.4 改變方向　
6.5 圓周運(yùn)動(dòng)　
6.5.1 三角函數(shù)　
6.5.2 綜合運(yùn)用　
6.6 反彈　
6.7 小結(jié)　
第7章 實(shí)現(xiàn)高級(jí)動(dòng)畫　
7.1 物理常識(shí)　
7.1.1 什么是物理學(xué)　
7.1.2 物理學(xué)對(duì)創(chuàng)建動(dòng)畫有何作用　
7.1.3 基本概念　
7.1.4 牛頓運(yùn)動(dòng)定律　
7.2 運(yùn)用物理知識(shí)創(chuàng)建動(dòng)畫　
7.2.1 準(zhǔn)備工作　
7.2.2 速度　
7.2.3 添加邊界　
7.2.4 加速度　
7.2.5 摩擦力　
7.3 碰撞檢測(cè)　
7.3.1 碰撞檢測(cè)　
7.3.2 彈開物體　
7.3.3 動(dòng)量守恒　
7.4 小結(jié)　
第8章 太空保齡球游戲　
8.1 游戲概述　
8.2 核心功能　
8.2.1 構(gòu)建HTML代碼　
8.2.2 美化界面　
8.2.3 編寫JavaScript代碼　
8.3 激活用戶界面　
8.4 創(chuàng)建游戲?qū)ο蟆?br /> 8.4.1 創(chuàng)建平臺(tái)　
8.4.2 創(chuàng)建小行星　
8.4.3 創(chuàng)建玩家使用的小行星　
8.4.4 更新UI　
8.5 讓對(duì)象運(yùn)動(dòng)起來(lái)　
8.6 檢測(cè)用戶交互　
8.6.1 建立事件監(jiān)聽器　
8.6.2 選中玩家使用的小行星　
8.6.3 增加力度　
8.6.4 讓玩家使用的小行星動(dòng)起來(lái)　
8.6.5 可視化用戶輸入　
8.7 重置player　
8.8 玩家獲勝　
8.8.1 更新分?jǐn)?shù)　
8.8.2 從平臺(tái)上刪除小行星　
8.9 小結(jié)　
第9章 躲避小行星游戲　
9.1 游戲概述　
9.2 核心功能　
9.2.1 創(chuàng)建HTML 代碼　
9.2.2 美化界面　
9.2.3 編寫JavaScript代碼　
9.3 創(chuàng)建游戲?qū)ο蟆?br /> 9.3.1 創(chuàng)建小行星　
9.3.2 創(chuàng)建玩家使用的火箭　
9.4 檢測(cè)鍵盤輸入　
9.4.1 鍵值　
9.4.2 鍵盤事件　
9.5 讓對(duì)象運(yùn)動(dòng)起來(lái)　
9.6 假造橫向卷軸效果　
9.6.1 循環(huán)利用小行星　
9.6.2 添加邊界　
9.6.3 讓玩家保持連續(xù)移動(dòng)　
9.7 添加聲音　
9.8 結(jié)束游戲　
9.8.1 計(jì)分系統(tǒng)　
9.8.2 殺死玩家　
9.9 增加游戲難度　
9.10 小結(jié)　
第10章 未來(lái)的Canvas　
10.1 Canvas與SVG　
10.1.1 可訪問性　
10.1.2 位圖與矢量圖　
10.2 Canvas與Flash　
10.2.1 JavaScript開發(fā)人員可以借鑒Flash　
10.2.2 Canvas沒有像Flash那樣用戶友好的編輯器　
10.3 Canvas與性能　
10.4 Canvas游戲和動(dòng)畫庫(kù)　
10.5 三維圖形　
10.6 與外圍設(shè)備交互　
10.7 用WebSocket技術(shù)構(gòu)建多人游戲　
10.8 靈感　
10.8.1 Sketch Out游戲　
10.8.2 Z-Type游戲　
10.8.3 Sinuous游戲　
10.9 小結(jié)和結(jié)束語(yǔ)