HTML5游戲開發(fā)技術—Egret Engine

中國水利水電出版社

【作者】辛子俊林雪瑩

【I S B N 】978-7-5170-5934-9

【責任編輯】封裕

【適用讀者群】本專通用

【出版時間】2017-12-18

【開本】16開

【裝幀信息】平裝（光膜）

【版次】第1版第1次印刷

【頁數】216

【千字數】300

【印張】13.5

【定價】￥35

【叢書】

【備注信息】

圖書詳情

簡介

本書特色

前言

章節(jié)列表

精彩閱讀

下載資源

相關圖書

本書以案例教學的方式，講解了如何使用白鷺引擎（Egret Engine）及配套工具開發(fā)HTML5游戲。案例由簡至繁，選取了當前應用領域常見的搖獎游戲、卡牌游戲、平臺游戲、塔防游戲以及在線聊天應用，講解了白鷺引擎支持圖形圖像、多媒體、交互與事件、粒子特效、EUI、物理引擎、人工智能及網絡通信等方面的功能，討論了程序開發(fā)時的調試、面向對象設計、設計模式及應用程序框架等應用方法。本書最后介紹了實際項目開發(fā)中的一些應用技巧。

本書適合從事HTML5開發(fā)的初級技術人員，也可供HTML5開發(fā)培訓機構參考。

本書提供所有案例的完整源代碼，讀者可以從中國水利水電出版社網站以及萬水書苑上免費下載，網址為：http://www.waterpub.com.cn/softdown/和http://mightybasket.cn/。

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

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

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

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

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

讀者對象

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

本書內容

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

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

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

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

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

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

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

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

致謝

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

編者

2017年8月

第1章認識當代互聯(lián)網核心技術—HTML5 1
1.1 為什么使用HTML5開發(fā)游戲 1
1.1.1 游戲！游戲！ 2
1.1.2 微信中的應用和小程序 2
1.1.3 全平臺的HTML5應用 3
1.2 Egret Engine與游戲開發(fā) 4
1.2.1 如何學習游戲開發(fā) 4
1.2.2 為什么使用Egret Engine 5
1.2.3 Egret Engine還可以做什么 5
1.3 如何使用本書 5
1.3.1 如果你是游戲開發(fā)新手 5
1.3.2 如果你有開發(fā)經驗 5
1.3.3 獲取相關網絡資源 6
第2章就這么簡單—10分鐘開發(fā)
一個HTML5應用 7
2.1 開發(fā)前的準備工作 7
2.1.1 軟件下載 7
2.1.2 安裝配置 7
2.1.3 軟件界面 9
2.2 開發(fā)“Hello world”應用 11
2.2.1 新建項目 12
2.2.2 運行項目 14
2.2.3 編輯項目內容 15
2.3 把應用發(fā)布到網絡上 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 使用事件監(jiān)聽器（Event Listener） 66
第4章多樣的交互界面—卡牌游戲制作 69
4.1 所見即所得的界面編輯 69
4.1.1 準備設計資源 72
4.1.2 EXML可視化編輯器 74
4.1.3 皮膚分離機制 79
4.2 交互界面開發(fā) 80
4.2.1 主要界面開發(fā) 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 碰撞檢測與開發(fā) 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 塔防游戲開發(fā) 167
6.2.1 地圖制作方法 167
6.2.2 炮塔與子彈制作 171
6.2.3 游戲圖形渲染機制分析 175
6.3 讓炮塔更加智能 176
6.3.1 人工智能的應用 176
6.3.2 智能炮塔設計開發(fā) 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 游戲聊天室開發(fā) 185
7.3 通過微信分享 190
7.3.1 配置JS-SDK第三方庫 190
7.3.2 微信JS-SDK的使用 191
7.3.3 微信分享接口使用 193
第8章高級技巧 195
8.1 實際開發(fā)中的常見問題 195
8.1.1 屏幕適配與自動布局 195
8.1.2 如何使用第三方庫 198
8.2 跨平臺開發(fā)與發(fā)布 202
8.2.1 iOS和Android APP生成方法 202
8.2.2 微信小程序生成方法 204
8.3 接下來做什么 208

源代碼

關閉

打印