Egret:HTML5游戲開發指南

Egret:HTML5游戲開發指南
定價:510
NT $ 510
  • 作者:張鑫磊
  • 出版社:電子工業出版社
  • 出版日期:2016-03-01
  • 語言:簡體中文
  • ISBN10:7121281937
  • ISBN13:9787121281938
  • 裝訂:477頁 / 普通級 / 1-1
 

內容簡介

本書向大家介紹HTML 5游戲行業最新動態以及未來發展方向,同時也提及了當前HTML 5技術相關市場。

全書針對Egret HTML5游戲做了全方位講解,涉及游戲中的渲染方法、音頻與網絡的處理。游戲中常用的GUI使用方法,同時還為大家講解了Draong Bones骨骼動畫系統、P2物理引擎系統和HTML 5游戲中性能和網絡的優化技巧。

張鑫磊,Egret社區技術經理,網絡ID:A閃,前暢游技術推廣經理,Ardunio愛好者。擁有多年游戲開發經驗,曾擔任Flash線上培訓講師,熱衷於新鮮技術分享,現負責Egret社區與技術推廣相關工作。
 

目錄

第1 章 歡迎來到HTML5 的世界 1
1.1 什麼是HTML51
1.2 HTML5 的前世今生 3
1.3 W3C 與WHATWG 工作組 4
1.4 令人稱贊的Canvas 與WebGL 5
1.4.1 Canvas 5
1.4.2 WebGL 5
1.5 何為HTML5 游戲 6
1.5.1 從技術角度出發 6
1.5.2 從非技術角度出發 6
1.6 HTML5 游戲的特點與痛點 6
1.6.1 特點 7
1.6.2 痛點 8
1.7 HTML5 游戲的當下與未來 9
1.7.1 產品研發階段 9
1.7.2 測試上線運營階段 12
1.7.3 未來 13
1.8 小結 13
第2 章 奇妙的前端之旅 14
2.1 JavaScript 的苦與痛 14
2.2 偉大的ECMAScript 標准 15
2.2.1 ECMAScript 標准是什麼 15
2.2.2 歷史 15
2.2.3 版本 16
2.3 JavaScript 的代替品:Dart、CoffeeScript、TypeScript 16
2.3.1 Dart 16
2.3.2 CoffeeScript 17
2.3.3 TypeScript 17
2.4 初出茅廬的WebAssembly 18
2.4.1 WebAssembly 是什麼 18
2.4.2 asm.js 18
2.5 HTML5 游戲開發利器——游戲引擎 18
2.6 一個神器:Egret Runtime 19
2.6.1 什麼是Egret Runtime 19
2.6.2 為什麼要用 Egret Runtime 19
2.7 小結 21
第3 章 Hello Egret 22
3.1 Egret 引擎簡介 22
3.1.1 Egret 引擎的特點 22
3.1.2 Egret 引擎的主要功能 23
3.1.3 Egret 引擎的應用案例 24
3.2 搭建開發環境 25
3.2.1 Egret 引擎版本的選擇 25
3.2.2 Egret Wing:強大的IDE 工具 31
3.2.3 ResDepot:資源管理工具 33
3.2.4 Texture Merger:資源打包工具 33
3.3 Hello World 34
3.3.1 創建第一個項目 34
3.3.2 運行項目 36
3.3.3 修改一下,成為自己的Hello World 37
3.4 Hello World 分析 38
3.4.1 項目源代碼目錄 38
3.4.2 項目配置文件 38
3.4.3 項目運行庫 39
3.4.4 項目編譯目錄 39
3.4.5 項目資源目錄 40
3.4.6 項目發布目錄 40
3.5 庫與代碼風格 41
3.5.1 Egret 引擎的代碼風格 41
3.5.2 核心庫與擴展庫的使用方法 42
3.5.3 第三方庫的集成方法 42
3.6 命令行模式詳解 45
3.6.1 創建項目 45
3.6.2 編譯項目 45
3.6.3 運行項目 46
3.6.4 發布項目 47
3.6.5 了解更多 47
3.7 小結 48
第4 章 游戲的基礎知識 49
4.1 顯示對象 49
4.1.1 什麼是顯示對象 49
4.1.2 坐標系 51
4.1.3 顯示對象的種類 57
4.1.4 顯示列表 58
4.2 顯示對象的架構 58
4.2.1 容器與非容器 58
4.2.2 DisplayObject 類與DisplayObjectContainer 類 62
4.2.3 Sprite 與Shape 62
4.3 Shape 矢量圖 67
4.3.1 繪制矩形 68
4.3.2 清空繪圖 70
4.3.3 繪制圓形 70
4.3.4 繪制直線 72
4.3.5 繪制曲線 74
4.3.6 繪制圓弧 76
4.3.7 多個形狀的繪制 77
4.4 顯示列表與容器類 79
4.4.1 關於顯示容器 79
4.4.2 添加與刪除顯示對象 81
4.4.3 顯示對象操作的注意點 83
4.5 遮罩與碰撞檢測 87
4.5.1 遮罩的使用 87
4.5.2 非精確碰撞檢測 91
4.5.3 精確碰撞檢測 92
4.5.4 包圍盒碰撞 94
4.6 混合模式 96
4.6.1 NORMAL 模式 96
4.6.2 ADD 模式 99
4.6.3 ERASE 模式 102
4.7 小結 103
第5 章 事件與用戶交互 104
5.1 事件消息機制 104
5.1.1 事件處理機制的原理 104
5.1.2 第一個事件處理的例子 105
5.1.3 事件流機制 105
5.2 事件 107
5.2.1 事件類 107
5.2.2 自定義事件 110
5.3 偵聽器 110
5.3.1 創建偵聽器 110
5.3.2 注冊偵聽器與移除偵聽器 112
5.3.3 偵聽器中的this 112
5.4 事件的優先級 113
5.5 自定義事件發送類 114
5.5.1 繼承EventDispatcher 114
5.5.2 復合EventDispatcher 114
5.5.3 實現IEventDispatcher 接口 115
5.6 觸摸事件 117
5.6.1 觸摸事件類型 117
5.6.2 開啟touchEnable 117
5.7 實踐:同色點點看 118
5.8 小結 125
第6 章 游戲資源管理 126
6.1 RES 資源加載模塊 126
6.2 資源配置文件 127
6.3 加載資源配置文件 129
6.3.1 外部文件 129
6.3.2 直接讀取 130
6.3.3 對比說明 130
6.4 預加載資源組 131
6.5 動態創建資源組 132
6.6 讀取資源文件 133
6.7 資源的緩存機制 135
6.8 釋放資源 136
6.9 內置文件類型解析器 136
6.9.1 配置九宮格參數 136
6.9.2 配置聲音資源 138
6.9.3 讀取解析二進制文件 138
6.10 擴展資源文件類型解析器 139
6.11 小結 139
第7 章 位圖操作 140
7.1 創建位圖 140
7.1.1 認識位圖 140
7.1.2 位圖格式 140
7.1.3 位圖來源 141
7.1.4 位圖加載 141
7.1.5 位圖顯示 141
7.2 操作紋理集 142
7.2.1 從RES 中獲取紋理 142
7.2.2 Sprite Sheet 紋理集類 142
7.3 紋理填充方式 145
7.3.1 位圖填充拉伸以填充區域 146
7.3.2 重復位圖以填充區域 146
7.4 位圖的九宮格 147
7.4.1 緣起 147
7.4.2 九宮格原理 148
7.4.3 代碼中使用九宮格 148
7.4.4 通過ResDepot 設置九宮格 149
7.5 濾鏡 151
7.5.1 濾鏡可用性及WebGL 開關 151
7.5.2 發光濾鏡 152
7.5.3 投影濾鏡 153
7.5.4 顏色矩陣濾鏡 154
7.5.5 模糊濾鏡 156
7.5.6 設置濾鏡品質 157
7.5.7 濾鏡使用優化技巧 157
7.6 實踐:《抓間諜》 158
7.6.1 游戲設計稿 158
7.6.2 准備素材 158
7.6.3 編寫代碼 158
7.7 小結 162
第8 章 文本 163
8.1 普通文本 163
8.1.1 創建普通文本 163
8.1.2 設置文本樣式 168
8.1.3 字體的設置 170
8.1.4 多樣式混合文本 172
8.1.5 設置文本超鏈接 175
8.2 輸入文本 177
8.2.1 創建可輸入文本 177
8.2.2 設置輸入文本樣式 178
8.3 位圖文本 179
8.3.1 創建位圖文本字體 179
8.3.2 位圖文本的使用 181
8.4 實踐:游戲登錄和活動公告板 183
8.5 小結 192
第9 章 動畫與粒子特效 193
9.1 逐幀動畫 193
9.1.1 逐幀動畫簡介 193
9.1.2 動畫素材制作方法 194
9.1.3 創建一個逐幀動畫 198
9.1.4 播放和暫停動畫 202
9.1.5 跳轉動畫 202
9.1.6 動態切換動畫數據 202
9.1.7 動畫的緩存機制 203
9.1.8 動畫數據詳解 203
9.2 緩動動畫 206
9.2.1 Tween 緩動動畫 206
9.2.2 緩動的基本用法 207
9.2.3 緩動對象的基本控制參數 208
9.2.4 緩動對象的緩動變化事件 208
9.2.5 緩動過程參數設定 208
9.2.6 緩動對象的其他方法 208
9.3 粒子特效 209
9.3.1 粒子系統簡介 209
9.3.2 粒子系統使用 210
9.3.3 自定義粒子特效 211
9.4 小結 212
第10 章 音樂與音效 214
10.1 聲音類 214
10.1.1 egret.Sound 類 214
10.1.2 使用聲音類 215
10.2 音頻控制類 218
10.2.1 播放 218
10.2.2 音量 218
10.2.3 暫停 218
10.3 聲音事件 222
10.4 音樂與音效類型設置 225
10.5 小結 226
第11 章 數據操作 227
11.1 JSON 數據操作 227
11.1.1 JSON 數據格式簡介 227
11.1.2 為什麼使用JSON 數據格式 228
11.1.3 在Egret 中加載JSON 數據 229
11.1.4 在Egret 中操作JSON 數據 229
11.2 二進制數據操作 230
11.2.1 讀取二進制數據對象 230
11.2.2 寫入字節流 230
11.2.3 定位字節流指針 231
11.2.4 讀取字節流 231
11.2.5 大端模式與小端模式 232
11.3 實踐:仿《找你妹》游戲 233
11.3.1 游戲策划案 233
11.3.2 准備資源 234
11.3.3 編寫代碼 235
11.4 小結 240
第12 章 網絡通信 241
12.1 HTTP 網絡請求 241
12.1.1 構建簡單的網絡請求 241
12.1.2 POST 與 GET 請求 242
12.1.3 發送帶有數據的網絡請求 244
12.1.4 檢測網絡請求狀態 247
12.2 WebSocket 通信 247
12.2.1 創建WebSocket 連接 248
12.2.2 發送數據 249
12.2.3 讀取數據 249
12.2.4 WebSocket 的網絡狀態 250
12.2.5 斷開與重連服務器 251
12.3 實踐:游戲中的聊天室 251
12.4 小結 259
第13 章 計時器與心跳控制器 260
13.1 Timer 260
13.1.1 創建計時器 260
13.1.2 加入計時器事件偵聽 260
13.1.3 啟動計時器 261
13.1.4 修改計時器時間間隔 261
13.1.5 修改計時器 261
13.2 Ticker 262
13.2.1 Ticker 與Timer 的不同 262
13.2.2 開啟心跳偵聽 262
13.2.3 移除心跳偵聽 263
13.2.4 Ticker 的最新用法 263
13.3 setTimeout 與clearTimeout 264
13.4 getTimer 265
13.5 《抓間諜》和《找你妹》 265
13.5.1 《抓間諜》 265
13.5.2 《找你妹》 267
13.6 小結 268
第14 章 反射機制與依賴注入 270
14.1 反射機制 270
14.1.1 什麼是反射機制 270
14.1.2 getDefinitionByName 方法 274
14.1.3 獲取運行時對象類型 275
14.1.4 檢查域內定義 276
14.2 依賴注入 277
14.2.1 什麼是依賴注入 277
14.2.2 Injector 注入器 278
14.2.3 注入器的應用場景 281
14.3 小結 281
第15 章 屏幕適配與環境交互 282
15.14 種屏幕適配策略 282
15.1.1 設置屏幕適配策略 282
15.1.2 exactFit 模式 283
15.1.3 noScale 模式 283
15.1.4 showAll 模式 284
15.1.5 fixedWidth 模式和fixedHeight 模式 285
15.1.6 noBorder 模式 286
15.1.7 在程序內設置縮放模式 286
15.2 屏幕方向設置 286
15.2.1 豎屏模式 287
15.2.2 橫屏模式 288
15.2.3 反向橫屏模式 288
15.2.4 自動模式 289
15.3 環境交互 289
15.3.1 Egret 與網頁JavaScript 交互 289
15.3.2 讀取網頁GET 參數 290
15.4 小結 290
第16 章 調試與性能檢測 291
16.1 TypeScript 斷點調試 291
16.2 日志輸出面板 298
16.2.1 打開日志顯示開關 299
16.2.2 輸出日志 299
16.2.3 顯示臟矩形和幀頻信息 299
16.3 Egret Inspector 瀏覽器調試工具 300
16.3.1 安裝Egret Inspector 301
16.3.2 運行Egret Inspector 302
16.4 小結 302
第17 章 打包發布到原生平台 303
17.1 打包原生APP 原理 303
17.1.1 編譯型語言和解釋型語言 303
17.1.2 瀏覽器內核與JavaScript 解釋器 303
17.2 打包為iOS 原生APP 304
17.2.1 下載Egret iOS Support 305
17.2.2 將HTML5 游戲打包為iOS 原生APP 305
17.3 打包為Android 原生APP 306
17.3.1 下載Egret Android Support 306
17.3.2 將HTML5 游戲打包為Android 原生APP 306
17.4 打包為Runtime 版本 308
17.4.1 打包Egret Runtime 版本 308
17.4.2 測試Runtime 版本游戲 309
17.4.3 Egret Runtime 中的白名單 310
17.5 小結 311
第18 章 DragonBones 骨骼動畫系統 312
18.1 DragonBones 簡介 312
18.1.1 DragonBones 的由來 312
18.1.2 DragonBones 產品家族 313
18.1.3 DragonBones 產品特點 313
18.22D 骨骼動畫的基本概念 314
18.2.1 骨骼動畫的優勢和原理 314
18.2.2 DragonBones 2D 骨骼動畫中的常用術語 314
18.3 DragonBones Pro 介紹 316
18.3.1 DragonBones Pro 的下載與安裝 316
18.3.2 編輯界面詳解 318
18.3.3 基本動畫項目 329
18.3.4 項目的導入與導出 331
18.4 DragonBones 骨骼動畫開發入門 333
18.4.1 做好准備工作 333
18.4.2 學習一個示例 334
18.5 DragonBones 骨骼動畫數據格式詳解 338
18.5.1 DragonBones 4.0 格式說明 338
18.5.2 Armature 數據格式 341
18.5.3 Bone 數據格式 342
18.5.4 Slot 數據格式 342
18.5.5 Skin 數據格式 343
18.5.6 Animation 數據格式 344
18.6 DragonBones 骨骼動畫事件系統詳解 346
18.7 DragonBones 常用高級特性 347
18.7.1 動態換裝 347
18.7.2 程序控制骨骼運動 349
18.7.3 改變動畫速度 349
18.7.4 動畫復用 350
18.7.5 動畫遮罩與混合 350
18.8 DragonBones 極速模式 351
18.8.1 極速模式簡介 351
18.8.2 快速使用極速模式 352
18.8.3 極速模式詳解 353
18.8.4 深入使用數據緩存 355
18.9 小結 356
第19 章 P2 物理引擎 357
19.1 P2 物理引擎簡介 357
19.1.1 什麼是P2 物理引擎 357
19.1.2 創建一個P2 物理項目 358
19.1.3 用p2DebugDraw 實現模擬視圖 361
19.2 P2 中的形狀 365
19.2.1 形狀 365
19.2.2 形狀屬性 375
19.2.3 形狀貼圖 378
19.3 剛體屬性 380
19.3.1 速度相關 380
19.3.2 角度相關 383
19.3.3 對象相關 385
19.3.4 其他屬性 385
19.4 剛體操作 388
19.4.1 addBody 和removeBody 388
19.4.2 addShape 和removeShape 388
19.4.3 adjustCenterOfMass 391
19.4.4 applyForce 393
19.4.5 applyImpulse 398
19.4.6 sleep 和wakeup 403
19.4.7 emit、on、off、has 406
19.4.8 fromPolygon 408
19.4.9 hitTest 413
19.4.10 getAABB 416
19.4.11 getArea 421
19.4.12 setDensity 421
19.4.13 overlaps 422
19.4.14 toWorldFrame 和toLocalFrame 426
19.4.15 rayCast 429
19.4.16 RayCastResult 類 432
19.4.17 Raycast 應用實例 433
19.5 碰撞處理 438
19.5.1 認識碰撞 439
19.5.2 碰撞事件 442
19.5.3 碰撞信息Equation 445
19.6 關節 452
19.6.1 DistanceConstraint 452
19.6.2 GearConstraint 457
19.6.3 LockConstraint 458
19.6.4 PrismaticConstraint 464
19.6.5 RevoluteConstraint 469
19.7 彈簧 474
19.7.1 LinearSpring 474
19.7.2 RotationalSpring 476
19.8 小結 477
網路書店 類別 折扣 價格
  1. 新書
    $510