畅行HTML5游戏世界——Egret引擎

2015年，HTML5游戏异常火爆，从最初的单机小游戏，到后来的中重度网络游戏如雨后春笋般涌现。随着市场需求的增多，越来越多的开发者投入到HTML5游戏开发行业中来。

在HTML5和移动游戏强大的发展趋势下，Egret引擎应运而生，Egret 引擎专注于移动设备上的HTML5 游戏开发，为HTML5 游戏开发者提供了无可比拟的快捷开发游戏的方式。

从引擎核心到开发工具链，从游戏开发到上线运营，Egret引擎都提供了全方位的支持。

（由Egret引擎开发的游戏截图）

Egret 引擎×特点

由于Egret 引擎专注游戏开发，因此下面就从游戏开发涉及的各方面来介绍引擎的特点。

• 简洁易用

引擎最初从开发者的角度考虑，设计对于开发者友好且易用的API，使开发者集中精力开发游戏逻辑，而不需要在浩如烟海的API 手册里寻找适合的方法。

• 性能高效

注重性能优化，底层使用Matrix 坐标转换、自动脏矩形等功能对渲染性能从核心层面进行了优化。借助强大的Runtime，更可以将运行性能提高到跟原生媲美的地步。

• 跨平台

Egret 本身是用来开发HTML5 页面游戏的，但Egret 引擎早已考虑了广大开发者制作原生游戏的需求，因此提供了Android Support 和iOS Support，使得原本只能在HTML5 环境运行的游戏可以通过简单的步骤生成原生游戏，这种方式底层是用Egret Runtime 一样的机制，因此，打包为原生之后，性能也较HTML5 会有极大的提升。

• 兼容适配

移动设备从不同的系统到不同的版本，都有诸如声音控制、屏幕适配等各种问题，这些完

全可以借助Egret Runtime 统一解决。

• 工具完善

近11 款免费可视化工具体系，从调试功能完备的IDE 到强大的资源管理工具，从图片打

包到粒子特效编辑器，Egret 围绕游戏开发的方方面面为开发者提供了完备的游戏开发工作流。

• 生态完整

Egret 官方不但从制作游戏的过程考虑，考虑了游戏制作完成后的推广运营，通过Egret 提

供的开放平台可以将游戏很容易地接入不同的分发渠道，方便运营，并且大部分渠道都已经植入Egret Runtime，因此性能也有保障。

Egret 引擎×主要功能

• 显示列表

强大而易用的显示系统，通过内置显示列表提供的超简易API，可以以树形结构轻松方便地管理游戏中的显示元素。

• 图像显示和图形绘制

引擎对矢量图/ 位图均提供支持，内置矢量绘图功能。可实时绘制矢量图形，从简单的线条、矩形到复杂的贝塞尔曲线，都提供了支持。

• 资源管理

内置的RES 模块提供了丰富的资源管理功能，资源可以分组加载，并且可以在运行时根据需要动态整合不同的资源创建资源组。

• 屏幕适配

多种屏幕适配策略，让游戏完美支持不同分辨率。

• 物理引擎模块

物理引擎是官方以第三方库的形式提供的，也是官方团队对各种现有物理引擎进行对比和测试后，选用性能最佳的P2 引擎，可快速搭建类似《愤怒的小鸟》的游戏。

• 粒子系统

引擎内置的粒子系统，通过内置的几十种参数，可以制作丰富多变的显示效果。具体在游戏中用于展现诸如烟雾、法术等绚丽效果。当然也可以单纯用于某个游戏事件，比如三消游戏中消除掉一组方块这样的效果。

• 网络通信

Egret 支持通过GET/POST 方式从远程服务器获取数据或发送数据，也支持加载不同格式的数据：文本、URL、音频和图像等。另外，基于交互频繁游戏的通信效率考虑，Egret 官方以第三方库提供了WebSocket 支持，可基于WebSocket 开发实时通信游戏，也提供了对WebSocket 完美封装的Socket.IO 的支持。

Egret 引擎×开发环境

Egret 引擎虽然已经有一年半的发展历程，但白鹭研发团队从来没有停止过前进，Egret 的产品一直在不断改进，产品的版本发布处于一个急速迭代的阶段。至少两周就会出一个新版本。在Egret 官网论坛有一个“产品发布”板块，每个版本发布都会在这里创建对应版本的发布帖。

Egret Wing：强大的IDE 工具

Egret Wing 是 Egret 引擎附带的最重要的一款工具，因为它是一款 IDE，开发者从一开始接触 Egret ，就需要用它来编写代码或者编译运行项目。如图3-11 所示是Egret Wing 开发工具界面。

Egret Wing 可以在引擎维护程序之工具维护界面直接安装、升级或者启动。当然所有 Egret引擎提供的附带工具都可以从这个工具维护界面安装、升级或者启动。

Egret Wing 经过半年多的发展，现已升级到 EgretWing 2.0 版本，这个版本作为IDE 各个方面已经比较成熟，可以作为开发 Egret 项目的首选 IDE。以下简要介绍 Wing 的主要功能特点。

1. 数倍的工作效率提升。 Egret Wing从 UI 项目制作、皮肤定制、布局适配、交互设计、代码编辑，到代码调试等环节都更加完善。
2. 全局可视化操作流程，为美术策划、UI 设计和程序开发人员带来高效的工作体验。
3. 更加便捷的 UI 动画效果编辑。动画面板，以时间轴的方式操作 UI 组件，配合属性面板操作 UI 动画的不同属性，制作出炫酷的动画效果，并支持实时预览动画效果。
4. 丰富的智能代码提示和编辑的开发环境。针对Egret 项目开发的工具环境，提供更加智能的代码提示和代码编辑，让工程师更方便和更快捷地开发Egret 项目。
5. 强大的 Debug 功能。 在 TypeScript 的代码中设置断点，开启调试模式，支持断点、单步和连续单步执行方式。支持查看表达式和变量，可进行逐步调试。

========

ResDepot：资源管理工具

ResDepot 是一款可视化资源管理工具。它能轻松高效地管理海量游戏素材和配置文件资源，帮你快速生成 Egret 游戏中所需的资源配置文件，轻松定制灵活的分组加载规则。通过可视化的拖曳操作，快速完成资源配置文件。如下图所示是ResDepot 资源管理工具界面。

========

Texture Merger：资源打包工具

Texture Merger 是一款纹理集打包和动画转换工具，如下图所示是其界面。主要提供了3 个游戏开发常用功能。

• 精灵表输出

Texture Merger 可将零散的小图合并为大图纹理集，提高资源加载速度和游戏性能。在游戏研发过程中，开发者可使用小图开发，在产品发布时对资源进行合并，无须修改代码。

• MovieClip 动画转换

Texture Merger 可方便地将GIF 或SWF 动画转换为Egret 支持的动画格式。

• 位图字体

为高品质游戏的个性文字效果输出提供了方便快捷的解决方案。

相 关 图 书 《Egret—HTML5游戏开发指南》

Egret精粹 白鹭引擎诚意之作

全面系统 海量案例

张鑫磊 等 著