3D化、重度化的大型HTML5游戏

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

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

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

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

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

3D方面主要包括：

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

模糊效果对比：

2D方面主要包括：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

白鹭引擎WebGL技术逐渐成熟

视频：==.html

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

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

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