白鹭引擎重推3.1版：移动内容变革岂止于重度3D游戏

betacat

      白鹭引擎3.1版本已于5月16日正式发布，其 WebGL渲染上大幅增强，意味着利用白鹭引擎开发重度化3D HTML5游戏，在性能上的表现更加突出。在拥在优异性能和完整工作流的前提下，使用白鹭引擎和工具，开发者们可以更加轻松快捷创作重度的3D HTML5游戏。

更高性能表现迎接重度3D HTML5游戏到来

      全新的白鹭引擎3.1版本，在2D和3D开发上，做了更进一步优化，特别是3D渲染能力，得到了更大幅度的提升。

2D方面主要包括：

      提供了WebGL下的两组滤镜功能，组件实体系统，以及一个实用第三方库——微信扩展播放视频内容。同时吸收开发者的意见修复一些问题。

滤镜：在 Egret Engine 3.1.0 开始提供 WebGL 渲染的颜色矩阵滤镜和模糊滤镜。类似于Photoshop的滤镜效果，使得产品画面变色更加方便、更加炫丽、丰富且吸引玩家眼球。颜色矩阵滤镜在游戏中常用来在战斗中将“怪物”“灰掉”等功能。模糊滤镜可以实现显示对象的模糊效果。

1

      模糊效果对比：

2

      在 Egret 中使用滤镜功能还是很方便的，实现效果的关键主要是颜色转换矩阵的设置。

      需要注意的是模糊滤镜对性能的开销比较大，普通显示对象可以开启 cacheAsBitmap 提高性能。

      组件实体化功能发布：Egret ECS 支持库是一套建立在 Egret 引擎之上的横跨游戏与应用的开发流框架,通过场景文件(.scene)组织静态资源构成运行时画面元素,通过编写组件脚本(.ts)扩展运行期间的行为。

      微信播放视频内容: 通过微信视频扩展库可以在微信中播放带顶部栏的全屏视频。一般用于游戏过场或者广告营销，可以很方便做出类似《吴亦凡入伍》的营销页，或者游戏中可以嵌入全屏视频进行宣传。

3D方面主要包括：

      新增LightMap、AlphaMask、CutAlpha：支持LightMap烘焙纹理；场景透明特效的功能，得到了极大完善。

      重置Shader结构：贴图的兼容性问题随着新功能的加入得到了完美解决，白鹭引擎已经可以为不同平台提供不同贴图支持。

3

长按扫码观看白鹭引擎开发的最新3D demo

4

5

白鹭引擎WebGL技术逐渐成熟

      作为国内领先的HTML5游戏引擎，白鹭引擎早在3.0.6版本，就加入了对 WebGL渲染器的支持。从各类实测的数据对比和实际表现来看，采用白鹭引擎新版本的 WebGL渲染器之后，使用白鹭引擎制作的游戏在不改变任何游戏业务逻辑代码的前提下，普遍立刻达到两至三倍的性能提升。

      下述视频中展示的游戏是在白鹭引擎WebGL渲染器功能内部测试阶段，由白鹭的开发者制作的。从视频中我们可以看出，在 Canvas模式下，游戏的平均帧频只有20帧左右，而切换到 WebGL 模式，帧频直接飙升到了 45-50 帧。

视频：http://v.youku.com/v_show/id_XMTUyNDI1MDE1Mg==.html

视频中的对比数据如下所示：

6

      随后在5月3日发布的3.0.8版本，则在WebGL支持方面，进行了多项优化和功能新增。其中包括了：

      不规则遮罩：3.0.8版本对不规则遮罩进行了优化，开发者只需要修改自己的遮罩逻辑，确认传递的是一个纯粹的 Shape 对象，即可得到5倍以上的性能提升，示例代码如下：

7

      iOS WebGL模式下的遮罩： 3.0.8版本还针对 WebGL 渲染器下的 iOS 遮罩进行了针对性的优化。

8

      骨骼动画：在这次版本中，DragonBones 也进行了一次优化，性能可以得到最多双倍提升。开发者只需更新引擎即可。

9

      白鹭引擎3.0.8版本标志着白鹭WebGL技术的日趋成熟，一方面进一步完善和优化2D渲染，资源管理，网络优化等相关能力，另一方面也加强3D方面的能力。开发者们利用全新引擎，开发重度甚至是3D化的HTML5游戏，也有了完整的工作流支持。

10

（由白鹭引擎创作的3D游戏，性能媲美3D页游，可顺畅地跑在微信和QQ浏览器中）

白鹭引擎发布全新3.1版本意义何在？

      其一，3.1版本的发布，使得白鹭引擎在性能上已经达到媲美原生的表现，而得益于白鹭在引擎、IDE、工具集等工作流建设的完善，3D化、重度化的大型HTML5游戏，目前已经具备了开发制作最重要的基础，这将是HTML5游戏精品化发展最重要的起点。

      其二，正如腾讯发布TBS，向外界传递HTML5内容和能力全面爆发的信号一样，Egret引擎3.1版本的发布，将更大程度的促进HTML5内容多元化发展。其中包括了各类Web场景、HTML5动画、交互页面、视频、动漫等等。强化大量HTML5内容视觉表现、交互性能与用户体验的同时，为电商、O2O、公关行业乃至谋求互联网转型的传统行业，提供更多营销、推广、用户交互等方面的便利。

      其三，游戏化营销、体验式营销将在未来，成为营销方式的一大突破口。利用白鹭引擎制作的HTML5内容，不但可以实现3D化、场景化、游戏化，同时其跨平台特质，使得内容营销更直接和精准。

      其四，加快VR产业和项目的发展。3D和VR密不可分，而拥有更高性能之后的白鹭引擎，其可视化工作流对于VR项目的开发，将会更值得行业的期待和探索。