全書分為6章，內容包括構建Canvas開發環境、Canvas基本功能、CreateJS函式館、簡單效果案例、HTML5小型遊戲、太空英雄大戰遊戲。全書每章內容與實例緊密結合，並與極客學院網站視頻教學課程相結合，學生可以掃描二維碼進行視頻課程學習，有助於學生隨時理解知識、套用知識，使得視頻、書籍和課堂緊密配合。
基本介紹
- 書名：HTML5遊戲開發案例教程
- 作者：陳惠紅
- ISBN：9787115426727
- 類別：程式設計
- 頁數：199
- 定價：35.00元
- 出版社：人民郵電出版社
- 出版時間：2016-9
- 裝幀：平裝
- 開本：16開
圖書簡介,作者簡介,圖書目錄,
圖書簡介
本書是HTML5遊戲開發課程教材。全書分為6章，內容包括構建Canvas開發環境、Canvas基本功能、CreateJS函式館、簡單效果案例、HTML5小型遊戲、太空英雄大戰遊戲。全書每章內容與實例緊密結合，並與極客學院網站視頻教學課程相結合，學生可以掃描二維碼進行視頻課程學習，有助於學生隨時理解知識、套用知識，使得視頻、書籍和課堂緊密配合，達到學以致用的目的。
作者簡介
陳惠紅，福建古田人，副教授，計算機技術類作家，信息系統項目管理師，美國信息系統項目管理協會成員，長期從事計算機套用的研究，研究方向為網站設計與製作、遊戲開發與大數據處理等。曾在Oracle和華為等公司從事開發和管理工作，具有豐富的軟體項目開發、實施和管理經驗。 現在高校從事計算機套用技術專業、軟體技術專業的教學工作，主講Java語言、軟體工程、HTML5、遊戲設計、面向對象程式設計等課程。擅長軟體系統構架和遊戲設計，對基於HTML5的遊戲開發方法有著深入研究。
圖書目錄
開發準備篇
第1章 構建Canvas開發環境 2
1．1 網頁遊戲概述 3
1．2 遊戲開發流程 4
1．3 HTML5基礎知識 5
1．3．1 HTML5概述 5
1．3．2 Canvas簡介 6
1．4 開發環境配置 7
1．4．1 開發伺服器 7
1．4．2 開發工具 7
1．4．3 瀏覽器 13
基礎知識篇
第2章 Canvas基本功能 16
2．1 Canvas標籤 17
2．1．1 定義Canvas標籤 17
2．1．2 理解Canvas坐標系 18
2．1．3 獲取Canvas環境上下文 19
2．2 Canvas圖形 20
2．2．1 繪製Canvas路徑 20
2．2．2 繪製Canvas變形圖形 31
2．2．3 處理Canvas圖形 40
2．3 Canvas文本 45
2．3．1 繪製文字 45
2．3．2 設定文字格式 47
2．3．3 設定文字對齊方式 52
2．4 Canvas圖片 55
2．4．1 繪製drawImage圖片 55
2．4．2 使用getImageData()和putImageData()繪製圖片 57
2．4．3 使用createImageData()新建像素 59
第3章 CreateJS函式館 62
3．1 初識CreateJS 63
3．1．1 下載CreateJS 63
3．1．2 介紹CreateJS 64
3．1．3 對比CreateJS與Canvas 65
3．2 CreateJS包簡介 69
3．2．1 EaselJS包 69
3．2．2 TweenJS包 70
3．2．3 SoundJS包 72
3．2．4 PreLoadJS包 73
3．3 EaselJS基礎 75
3．3．1 EaselJS容器 75
3．3．2 EaselJS繪圖 82
3．3．3 EaselJS事件 92
3．4 CreateJS控制項 101
3．4．1 Text 101
3．4．2 BitMap 103
3．4．3 MovieClip 106
3．4．4 Sprite 108
3．4．5 DOMElement 111
3．5 Tween函式包 114
3．5．1 CSSPlugin 114
3．5．2 Ease 115
3．5．3 MotionGuidePlugin 117
3．5．4 Tween 119
案例實戰篇
第4章 簡單效果案例 122
4．1 幀動畫效果 123
4．2 跳舞蝴蝶效果 125
4．3 顏色拼圖遊戲 127
4．4 圖像處理效果 130
4．5 處理跑跳效果 134
4．6 實現炫酷效果 139
第5章 HTML5小型遊戲 142
5．1 圍住神經貓遊戲 143
5．1．1 介紹圍住神經貓遊戲的玩法 143
5．1．2 使用CreateJS圍住神經貓 145
5．1．3 繪製圍住神經貓遊戲頁面元素 146
5．1．4 添加圍住神經貓遊戲監聽事件 150
5．1．5 使用簡單的邏輯實現圍住神經貓遊戲效果 151
5．1．6 實現圍住神經貓遊戲完整效果 153
5．2 看你有多色遊戲 159
5．2．1 介紹看你有多色遊戲 159
5．2．2 使用CreateJS開發看你有多色 161
5．2．3 製作看你有多色遊戲 162
第6章 HTML5大型遊戲——太空英雄大戰 166
6．1 遊戲簡介 167
6．2 準備項目 167
6．2．1 設定HTML檔案 167
6．2．2 Sprite Sheet檔案 169
6．2．3 資源管理 171
6．2．4 創建套用類 171
6．3 創建Sprites 174
6．3．1 創建英雄飛船 174
6．3．2 創建敵方飛船 176
6．3．3 創建子彈和爆炸效果 177
6．4 創建參謀中心（HUD） 179
6．4．1 創建HUD Sprite框架 179
6．4．2 創建HUD效果圖 179
6．4．3 創建分數板 181
6．4．4 創建生命箱 182
6．5 創建對象池 183
6．6 創建場景 184
6．6．1 創建遊戲選單場景 184
6．6．2 創建遊戲場景 185
6．6．3 創建遊戲結束場景 186
6．7 創建遊戲 188
6．7．1 設定遊戲參數 188
6．7．2 初始化遊戲 189
6．7．3 創建遊戲Sprites 189
6．7．4 設計遊戲控制 190
6．7．5 創建遊戲循環 191
6．7．6 設定遊戲更新功能 192
6．7．7 創建渲染函式 194
6．7．8 創建場景回響函式 195
6．7．9 檢測碰撞效果 196
6．7．10 創建檢測函式 197
第1章 構建Canvas開發環境 2
1．1 網頁遊戲概述 3
1．2 遊戲開發流程 4
1．3 HTML5基礎知識 5
1．3．1 HTML5概述 5
1．3．2 Canvas簡介 6
1．4 開發環境配置 7
1．4．1 開發伺服器 7
1．4．2 開發工具 7
1．4．3 瀏覽器 13
基礎知識篇
第2章 Canvas基本功能 16
2．1 Canvas標籤 17
2．1．1 定義Canvas標籤 17
2．1．2 理解Canvas坐標系 18
2．1．3 獲取Canvas環境上下文 19
2．2 Canvas圖形 20
2．2．1 繪製Canvas路徑 20
2．2．2 繪製Canvas變形圖形 31
2．2．3 處理Canvas圖形 40
2．3 Canvas文本 45
2．3．1 繪製文字 45
2．3．2 設定文字格式 47
2．3．3 設定文字對齊方式 52
2．4 Canvas圖片 55
2．4．1 繪製drawImage圖片 55
2．4．2 使用getImageData()和putImageData()繪製圖片 57
2．4．3 使用createImageData()新建像素 59
第3章 CreateJS函式館 62
3．1 初識CreateJS 63
3．1．1 下載CreateJS 63
3．1．2 介紹CreateJS 64
3．1．3 對比CreateJS與Canvas 65
3．2 CreateJS包簡介 69
3．2．1 EaselJS包 69
3．2．2 TweenJS包 70
3．2．3 SoundJS包 72
3．2．4 PreLoadJS包 73
3．3 EaselJS基礎 75
3．3．1 EaselJS容器 75
3．3．2 EaselJS繪圖 82
3．3．3 EaselJS事件 92
3．4 CreateJS控制項 101
3．4．1 Text 101
3．4．2 BitMap 103
3．4．3 MovieClip 106
3．4．4 Sprite 108
3．4．5 DOMElement 111
3．5 Tween函式包 114
3．5．1 CSSPlugin 114
3．5．2 Ease 115
3．5．3 MotionGuidePlugin 117
3．5．4 Tween 119
案例實戰篇
第4章 簡單效果案例 122
4．1 幀動畫效果 123
4．2 跳舞蝴蝶效果 125
4．3 顏色拼圖遊戲 127
4．4 圖像處理效果 130
4．5 處理跑跳效果 134
4．6 實現炫酷效果 139
第5章 HTML5小型遊戲 142
5．1 圍住神經貓遊戲 143
5．1．1 介紹圍住神經貓遊戲的玩法 143
5．1．2 使用CreateJS圍住神經貓 145
5．1．3 繪製圍住神經貓遊戲頁面元素 146
5．1．4 添加圍住神經貓遊戲監聽事件 150
5．1．5 使用簡單的邏輯實現圍住神經貓遊戲效果 151
5．1．6 實現圍住神經貓遊戲完整效果 153
5．2 看你有多色遊戲 159
5．2．1 介紹看你有多色遊戲 159
5．2．2 使用CreateJS開發看你有多色 161
5．2．3 製作看你有多色遊戲 162
第6章 HTML5大型遊戲——太空英雄大戰 166
6．1 遊戲簡介 167
6．2 準備項目 167
6．2．1 設定HTML檔案 167
6．2．2 Sprite Sheet檔案 169
6．2．3 資源管理 171
6．2．4 創建套用類 171
6．3 創建Sprites 174
6．3．1 創建英雄飛船 174
6．3．2 創建敵方飛船 176
6．3．3 創建子彈和爆炸效果 177
6．4 創建參謀中心（HUD） 179
6．4．1 創建HUD Sprite框架 179
6．4．2 創建HUD效果圖 179
6．4．3 創建分數板 181
6．4．4 創建生命箱 182
6．5 創建對象池 183
6．6 創建場景 184
6．6．1 創建遊戲選單場景 184
6．6．2 創建遊戲場景 185
6．6．3 創建遊戲結束場景 186
6．7 創建遊戲 188
6．7．1 設定遊戲參數 188
6．7．2 初始化遊戲 189
6．7．3 創建遊戲Sprites 189
6．7．4 設計遊戲控制 190
6．7．5 創建遊戲循環 191
6．7．6 設定遊戲更新功能 192
6．7．7 創建渲染函式 194
6．7．8 創建場景回響函式 195
6．7．9 檢測碰撞效果 196
6．7．10 創建檢測函式 197
