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

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

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

在臨近本書截稿日期時，我們看到了一則既欣喜又煩惱的新聞—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. 零基礎玩轉國產大模型DeepSeek [徐永冰 張帥 編著]
2. 網絡工程師5天修煉（適配第6版考綱） [主編　朱小平 施游]
3. 信息系統項目管理師考試32小時通關（適用第4版考綱） [薛大龍]
4. 信息系統管理工程師考試32小時通關（適配第2版考綱） [薛大龍　劉偉]
5. 土木工程材料檢測實訓 [洪曉江 達則曉麗 錢波]
6. 科技信息檢索與論文寫作實用教程 [李振華]
7. 傳統山水畫論解讀與實踐 [陳鈉 著]
8. Python數據庫編程 [主編 殷樹友 邢 翀]
9. 計算機基礎實訓指導 [主編 袁春萍 朱妮]
10. 嵌入式人工智能技術應用（數字教材） [主編 胡娜 楊國勇 晏廷榮]
11. Vienna整流器技術 [桂存兵 著]
12. 變頻器與伺服應用 [陳剛 葉云飛]
13. 物聯網工程設計與實踐 [湯琳 李敏]
14. 爐邊夜話——深入淺出話AI [汪建　著]
15. 電商運營與管理 [鐘肖英 陳瀟]
16. Java面向對象程序設計 [主編 姜春磊 陳虹潔]
17. 信息技術基礎（Windows 10+WPS Office）（微課版） [主編　石利平　田輝平　謝盛嘉]
18. 人工智能應用 [主編　陳　萍　劉培培　陳孟軍]
19. 大學生職業發展與就業指導 [主編　劉志堅]
20. 高級辦公應用項目教程 [主編 屈晶 趙成麗]
21. 微信小程序開發項目實戰（微課版） [主編 黃龍泉 郭峰 朱倩]
22. 企業檔案工作實戰寶典百問百答 [華俊 盧秀英 邵甜甜 著]
23. 計算機網絡原理及應用 [主編 唐繼勇 葉坤 孫夢娜]
24. 大學生創業基礎 [主編 王麗莉 王 楊]
25. 船舶輔機 [主編 王連海 于洋 姜淑翠]
26. 大學生就業指導 [主編 王麗莉 董宴廷]
27. 系統架構設計師章節習題與考點特訓 [主編 薛大龍 鄒月平]
28. 高校學生工作探索與實踐 [郭亮 著]
29. 大學生情商管理 [方雄 著]
30. 2023年長沙市會展業發展報告 [主編 周棟良]