科學的教學模式——案例內容由簡至繁，便于理解掌握，旨在培養并提高開發能力。

豐富的項目內容——通過搖獎游戲、卡牌游戲、平臺游戲、塔防游戲以及在線聊天，講解了白鷺引擎的諸多功能，并介紹了實際項目開發中的一些應用方法和技巧。

廣泛的適用群體——無論是毫無編程開發經驗的新手，還是跨領域的開發學習者，這本書都會為您帶來幫助，并為進一步實踐和提升指出了方向。

在臨近本書截稿日期時，我們看到了一則既欣喜又煩惱的新聞—Egret Engine 5.0正式發布了。高興的是，Egret Engine依然緊緊跟隨著最新的Web技術的更新而不斷升級，為廣大使用者提供了最迅捷可靠的支持；煩惱的是，整本書都是圍繞著Egret Engine 4.x編寫的，這是不是意味著本書會有大量的工作需要調整，或者剛出版就變成了一本過時的書了呢？可喜的是，Egret Engine的升級充分考慮了4.x版本的使用者，我們幾乎沒有進行調整，就將書中的案例順利地升級到了最新版本。白鷺時代公司的工作人員為此做了許多工作。

本書是一本針對初學者入門及提升的書籍，旨在以案例教學的方式，講解如何使用Egret Engine開發各類常見的HTML5游戲，使讀者掌握游戲開發的思維方式和相關知識。本書有意弱化了對概念、定義的精確描述和堆疊，避免了很多初學者面對陌生的技術名詞時產生恐懼和障礙心理（這在我們以往的教學經歷中見到過很多）。在游戲開發學習階段，有效地理解游戲開發邏輯并進行邏輯思考和組織是最重要的，在本書中我們嘗試通過“視覺化思考圖”的方式來引導初學者有目標地進行實踐學習，這在之前的教學過程中取得了不錯的效果。如果讀者沒有太多的開發經驗，那么強烈建議按照書中的方法，在編碼前用紙和筆進行實踐。

讀者對象

本書針對的是對HTML5游戲開發或應用開發感興趣的初學者。不論是手機頁游、微信游戲還是APP游戲，也不論你是沒有任何編程開發經驗的新手還是跨領域的開發學習者，這本書都會為你學習HTML5、Egret Engine和游戲開發帶來幫助，并為進一步實踐和提升指出了方向。

本書內容

第1章介紹HTML5及Egret Engine的基礎知識和行業應用背景，以及如何使用本書。

第2章通過經典的“Hello World”項目，講解開發的準備工作、HTML5運行機制以及項目分享，學習TypeScript的入門知識。

第3章通過搖獎游戲制作，講解如何使用多媒體元素、如何制作特效，并了解互動程序的開發機制。

第4章通過卡牌游戲制作，講解如何開發各類游戲界面。

第5章通過動作類平臺游戲開發，講解如何在開發中使用物理引擎以及游戲調試方法。

第6章通過塔防游戲開發，講解面向對象編程、MVC設計模式、人工智能等開發過程中的概念。

第7章通過開發基于網絡的多人聊天程序，講解網絡編程、開放平臺及微信應用的開發原理。

第8章講解在游戲開發中一些實際問題的解決技巧、跨平臺開發以及學習路徑。

致謝

在此我要特別感謝亦師亦友的黃石老師的指導，他為本書做了精準定位；感謝白鷺時代公司的段少婷、楊行、張宇、張鑫磊給予的技術支持，你們的包容與支持讓我們編著團隊能夠更有信心地在撰稿過程中做出創新性嘗試；感謝林雪瑩一直以來的默契配合和認真負責的編寫態度。

編 者

2017年8月

第1章 認識當代互聯網核心技術—HTML5 1
1.1 為什么使用HTML5開發游戲 1
1.1.1 游戲！游戲！ 2
1.1.2 微信中的應用和小程序 2
1.1.3 全平臺的HTML5應用 3
1.2 Egret Engine與游戲開發 4
1.2.1 如何學習游戲開發 4
1.2.2 為什么使用Egret Engine 5
1.2.3 Egret Engine還可以做什么 5
1.3 如何使用本書 5
1.3.1 如果你是游戲開發新手 5
1.3.2 如果你有開發經驗 5
1.3.3 獲取相關網絡資源 6
第2章 就這么簡單—10分鐘開發
一個HTML5應用 7
2.1 開發前的準備工作 7
2.1.1 軟件下載 7
2.1.2 安裝配置 7
2.1.3 軟件界面 9
2.2 開發“Hello world”應用 11
2.2.1 新建項目 12
2.2.2 運行項目 14
2.2.3 編輯項目內容 15
2.3 把應用發布到網絡上 20
2.4 TypeScript基礎 21
2.4.1 TypeScript簡介 21
2.4.2 對象的屬性和方法 22
2.4.3 對象的事件及運行流程 23
2.4.4 編程基礎 24
第3章 互動與特效—搖獎游戲制作 47
3.1 使用多媒體元素 47
3.1.1 使用圖片 49
3.1.2 使用資源管理器實現預加載 52
3.1.3 顯示圖像 54
3.2 特效制作與應用 58
3.2.1 粒子特效介紹 58
3.2.2 Egret Feather使用 59
3.2.3 花瓣飄落及元寶掉落特效 60
3.3 事件機制 65
3.3.1 什么是事件（Event） 65
3.3.2 使用事件監聽器（Event Listener） 66
第4章 多樣的交互界面—卡牌游戲制作 69
4.1 所見即所得的界面編輯 69
4.1.1 準備設計資源 72
4.1.2 EXML可視化編輯器 74
4.1.3 皮膚分離機制 79
4.2 交互界面開發 80
4.2.1 主要界面開發 80
4.2.2 界面邏輯實現 85
4.3 EUI詳細介紹 96
4.3.1 EXML 96
4.3.2 控件和容器 99
4.3.3 自定義組件 121
第5章 模擬物理—動作類平臺游戲制作 123
5.1 游戲設計思路及任務分解 123
5.2 素材準備 124
5.3 設計游戲界面 131
5.3.1 游戲加載界面 131
5.3.2 游戲開始界面 133
5.4 場景邏輯 133
5.4.1 載入界面 133
5.4.2 開始界面 135
5.5 使用p2物理引擎 137
5.5.1 導入第三方庫 138
5.5.2 角色制作 138
5.5.3 制作游戲場景 143
5.5.4 碰撞檢測與開發 144
5.6 運行時錯誤調試 148
5.6.1 Chrome調試 148
5.6.2 “調試”視圖 150
第6章 人工智能—經典塔防游戲制作 156
6.1 塔防游戲設計及任務分解 156
6.1.1 塔防游戲元素分析 156
6.1.2 面向對象編程 158
6.1.3 MVC設計模式 165
6.2 塔防游戲開發 167
6.2.1 地圖制作方法 167
6.2.2 炮塔與子彈制作 171
6.2.3 游戲圖形渲染機制分析 175
6.3 讓炮塔更加智能 176
6.3.1 人工智能的應用 176
6.3.2 智能炮塔設計開發 178
第7章 建立通信—網絡多人聊天 180
7.1 應用設計及分析 180
7.1.1 網絡資源設計 180
7.1.2 多人聊天邏輯設計 181
7.1.3 WebSocket原理及配置 182
7.1.4 開放平臺原理及使用 184
7.2 游戲聊天室開發 185
7.3 通過微信分享 190
7.3.1 配置JS-SDK第三方庫 190
7.3.2 微信JS-SDK的使用 191
7.3.3 微信分享接口使用 193
第8章 高級技巧 195
8.1 實際開發中的常見問題 195
8.1.1 屏幕適配與自動布局 195
8.1.2 如何使用第三方庫 198
8.2 跨平臺開發與發布 202
8.2.1 iOS和Android APP生成方法 202
8.2.2 微信小程序生成方法 204
8.3 接下來做什么 208

1. 輸水管線工程風險管理 [張勇 黨亥生 著]
2. 民用航空飛機標準線路施工 [主編　王志敏　陳明]
3. 不息的水脈—大運河講談錄 [趙珩　著]
4. 實用運籌學 [主編　邢育紅　于晉臣]
5. 三峽梯級電站水資源決策支持系統研究與開發 [姚華明 潘紅忠 湯正]
6. 海南黎族民俗文化鑒賞 [龐國華　著]
7. 石墨烯在太赫茲及中紅外頻段電磁器件設計中的應用 [李艷秀 莊華偉 著]
8. 電子技術（第二版） [主編 覃愛娜 李飛]
9. 辦公自動化高級應用 [陳萍 朱曉玉]
10. 信息處理技術員考試32小時通關 [薛大龍]
11. 電子產品設計案例教程（微課版）—基于嘉立創EDA（專業版） [王靜 莫志宏 陳學昌 丁紅]
12. C程序設計實踐教程 [劉衛國]
13. C程序設計（慕課版） [劉衛國]
14. Web技術開發教程（基于.NET開源MVC框架） [王合闖 韓紅玲 王青正 陳海蕊]
15. 商務英語翻譯教程（筆譯）（第四版） [主編 王軍平]
16. 智慧零售技術與應用 [洪旭 著]
17. 建設工程法規實務 [主編 余瀅]
18. 商務秘書理論與實務（第三版） [主編 張同欽]
19. 程序設計基礎實踐教程（C/C++語言版） [張桂芬 葛麗娜]
20. C++案例項目精講 [主編 楊國興]
21. 勞動爭議處理實務 [主編 王秀卿 羅靜]
22. 工程數學 [主編 郭立娟 王海]
23. 語音識別理論與實踐 [主編　莫宏偉]
24. 信息系統項目管理師章節習題與考點特訓（第二版） [主編 薛大龍]
25. 武術基礎教程 [主編 李代勇 謝志民]
26. 計算機網絡實訓教程 [主編 張浩軍 趙玉娟]
27. 畫法幾何與機械制圖習題集（多學時） [主編 趙軍]
28. HCIA-Datacom認證題庫分類精講 [主 編 韓立剛]
29. SwiftUI完全開發 [李智威 著]
30. 網絡規劃設計師備考一本通 [夏杰 編著]