全書內容簡單、基礎，案例豐富，講解清楚，配置開發環境簡單，老師易教，學生易學，開發成果有趣且易實現。
37個在線微課視頻配合圖書同步講解，難點不再有，步驟跟著走
2個小型+1個大型HTML5遊戲開發案例，即學即練
附贈案例源代碼、PPT課件

本書是HTML5遊戲開發課程教材。全書分為6章，內容包括構建Canvas開發環境、Canvas基本功能、CreateJS函數庫、簡單效果案例、HTML5小型遊戲、太空英雄大戰遊戲。全書每章內容與實例緊密結合，並與極客學院網站視頻教學課程相結合，學生可以掃描二維碼進行視頻課程學習，有助於學生隨時理解知識、應用知識，使得視頻、書籍和課堂緊密配合，達到學以致用的目的。

陳惠紅，福建古田人，副教授，計算機技術類作家，信息繫統項目管理師，美國信息繫統項目管理協會成員，長期從事計算機應用的研究，研究方向為網站設計與制作、遊戲開發與大數據處理等。曾在Oracle和華為等公司從事開發和管理工作，具有豐富的軟件項目開發、實施和管理經驗。
現在高校從事計算機應用技術專業、軟件技術專業的教學工作，主講Java語言、軟件工程、HTML5、遊戲設計、面向對像程序設計等課程。擅長軟件繫統構架和遊戲設計，對基於HTML5的遊戲開發方法有著深入研究。

• 
• 
• 
• 
• 
• 
• 
• 

開發準備篇
第1章構建Canvas開發環境2
1．1網頁遊戲概述3
1．2遊戲開發流程4
1．3HTML5基礎知識5
1．3．1HTML5概述5
1．3．2Canvas簡介6
1．4開發環境配置7
1．4．1開發服務器7
1．4．2開發工具7
1．4．3瀏覽器13
基礎知識篇
第2章Canvas基本功能16
2．1Canvas標簽17
2．1．1定義Canvas標簽17
2．1．2理解Canvas坐標繫18
2．1．3獲取Canvas環境上下文19
2．2Canvas圖形20
2．2．1繪制Canvas路徑20
2．2．2繪制Canvas變形圖形31
2．2．3處理Canvas圖形40
2．3Canvas文本45
2．3．1繪制文字45
2．3．2設置文字格式47
2．3．3設置文字對齊方式52
2．4Canvas圖片55
2．4．1繪制drawImage圖片55
2．4．2使用getImageData()和putImageData()繪制圖片57
2．4．3使用createImageData()新建像素59
第3章CreateJS函數庫62
3．1初識CreateJS63
3．1．1下載CreateJS63
3．1．2介紹CreateJS64
3．1．3對比CreateJS與Canvas65
3．2CreateJS包簡介69
3．2．1EaselJS包69
3．2．2TweenJS包70
3．2．3SoundJS包72
3．2．4PreLoadJS包73
3．3EaselJS基礎75
3．3．1EaselJS容器75
3．3．2EaselJS繪圖82
3．3．3EaselJS事件92
3．4CreateJS控件101
3．4．1Text101
3．4．2BitMap103
3．4．3MovieClip106
3．4．4Sprite108
3．4．5DOMElement111
3．5Tween函數包114
3．5．1CSSPlugin114
3．5．2Ease115
3．5．3MotionGuidePlugin117
3．5．4Tween119
案例實戰篇
第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．2Sprite Sheet文件169
6．2．3資源管理171
6．2．4創建應用類171
6．3創建Sprites174
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創建遊戲Sprites189
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