白鹭推出史上最强引擎版本 完美驱动WebGL技术未来

Posted 2021-04-25 HTML5头条

腾讯升级发布全新的浏览服务（TBS），X5内核升级到Blink版本，H5能力和渲染性能全面提升，特别在 WebGL性能上进行了重点优化。另外，白鹭引擎在最近推出的3.0.8版本中也加入了WebGL渲染器，游戏性能提升3~5倍，引发了互联网各领域的高度关注。

WebGL标准早在2011年就发布了，不过对于WebGL的支持，却是在近两年才开始逐渐完善。目前，全球范围内，苹果、谷歌、微软等巨头旗下的操作系统、浏览器；在国内包括QQ、UC等移动浏览器，微信等移动html5落地场景，都加入了对WebGL的支持，数据显示，WebGL在移动平台上的覆盖率超过了85%。

 

 

WebGL优势在哪？

这并非是在安利WebGL，而是大量事实告诉开发者们，一旦能够突破性能瓶颈，基于HTML5实现的Web内容（包括了游戏、应用、交互页面等），将成为未来移动互联网的主流。

WebGL的优势显而易见，它完美地解决了现有的Web交互式三维动画的两个问题：第一，它通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插件支持；第二，它利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、跨平台的OpenGL接口实现的。

也正是如此，以腾讯为首的国内巨头，在HTML5内容领域已经开始快速布局。就在节前，腾讯在GMIC上发布腾讯浏览服务（TBS），在升级的技术支持上开始全面开放支持WebGL，从而力图让接入TBS的HTML5内容，拥有更优秀的效果表现和用户体验。 

TBS的示范效应！

TBS由腾讯X5浏览服务升级而来，作为技术底层的X5内核也有重要升级：升级之后的X5 blink内核除了在系统稳定性、网页打开速度以及文件格式支持方面保持了一贯的优势，还增强了对Html5、CSS以及WebGL等关键能力的支持。

 

基于升级之后的TBS，不再受限于canvas绘图，通过WebGL的加速，使得HTML5的2D游戏以及3D游戏运行效果都有着极大的改善。此外，合作伙伴能够实现更多内容和交互的开发和创新，同时大幅节省自身成本。

腾讯TBS发布，对于移动行业的最大促进或许是加快了移动浏览内容全面实现Web化，让基于HTML5技术打造的各类内容，如游戏、网页、视频、Web App等，跨平台的运行于各类接入浏览服务的应用场景中。

引擎商们做了啥？

腾讯浏览服务此次升级，被业界解读成是HTML5能力全面释放的信号。

作为国内领先的HTML5游戏引擎，白鹭引擎在全新的3.0.8版本加入了对 WebGL渲染器的支持。

如前文所言，基于HTML5实现的Web内容，将成为未来移动领域的主流。但是性能问题依旧是WebGL所需要攻克的难点，以HTML5游戏为例，目前的主流仍旧是Canvas模式。

另外，安卓浏览器碎片化问题非常严重，既有谷歌浏览器等性能标杆，也有老式操作系统如 android 4.4.2 的系统 WebView 等神坑。采用 WebGL 的白鹭引擎在这种复杂的设备环境下是否可以投入实际生产环境，大部分开发者也相当疑惑。

性能提升有多大？

眼见为实，我们接下来先看一下白鹭引擎的性能表现。

 

WebGL渲染器：

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

视频：

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

我们可以看到，采用白鹭引擎新版本的 WebGL渲染器之后，使用白鹭引擎制作的游戏在不改变任何游戏业务逻辑代码的前提下，普遍立刻达到两至三倍的性能提升。

3D游戏创作：

WebGL渲染的增强，意味着利用白鹭引擎开发重度化3D HTML5游戏，在性能上的表现更加突出，与原生3D App游戏几无二致。在拥有了性能保证和完整工作流的前提下，使用白鹭引擎和工具，开发者们可以更加便捷得制作重度化的3D HTML5游戏。

（由白鹭引擎创作的3D游戏，性能媲美3D页游，可顺畅地跑在X5内核中）

不规则遮罩：

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

ios WebGL模式下的遮罩：

除了不规则遮罩的整体性能优化之外，3.0.8版本还针对 WebGL 渲染器下的 iOS 遮罩进行了针对性的优化，进而使 WebGL 渲染器在包含了部分遮罩的场景下在 iOS 上得到很大的性能提升，以及 Android 上的小幅提升。

  

骨骼动画：

这个改动无需开发者进行任何业务逻辑调整，只需更新引擎即可。在这次版本中，DragonBones 也进行了一次优化，性能可以得到最多200%的提升。

 

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

未来能做什么？

其实，大多数移动开发者，关注的除了WebGL能够带来性能提升的程度之外，更关注在它逐渐完善之后能做什么。能做什么呢？

其一，制作性能表现媲美原生App游戏的重度化HTML5 3D游戏，这在两年以前是构想，而现在已经有了实现的基础。

其二，惠及到电商、O2O、会展或者产品发布会等各个领域，因为目前不但可以轻松制作出Web应用，还可以利用大量应用场景、浏览器和系统支持WebGL优势，在移动端，推出基于HTML5脚本打造3D Web页面视图、场景、甚至交互动画，试想在电商领域，通过浏览器或者官方的Web 应用，就能够以三维的方式查看产品详情，是否更具吸引力？

其三，营销方式的进化，正是有了WebGL带来的性能提升，更复杂丰富的3D交互动画，场景化营销、游戏化营销将极有可能在移动互联网领域，成为更直观更有效的方式。

这其中蕴含的市场体量到底有多大，已经不需要过多揣测。

6月4日，“iWeb峰会”相约魔都上海，你我之间的约定，怎能没有你！ 报名一：点击图片，识别二维码进入报名窗口，提交报名；报名二：点击下面“阅读全文”进入报名窗口，提交报名。