egret-docs-master/Engine2D/update/update308

Egret Engine 3.0 包含了白鹭时代研发的遵循HTML5标准的 2D 引擎及全新打造的 3D 引擎，它解决了 HTML5 性能问题及碎片化问题，灵活地满足开发者开发 2D 或 3D 游戏的需求，并有着极强的跨平台运行能力。

在 Egret Engine 的本次更新中，我们队引擎的性能进行了优化，同时也提供了若干新功能。下面介绍 Egret Engine 3.0.7 到 Egret Engine 3.0.8 之间的更新详情。

Egret Engine 2D

在 Egret Engine 2D 的本次更新中，我们关注引擎性能的优化，同时吸收开发者的意见提供了新的功能并修复一些问题。下面列出的是 3.0.7 到 3.0.8 的更新详情。

性能优化

提升 WebGL 模式渲染性能

在本次更新中优化了 WebGL 渲染获得性能上的提升，特别是在 iOS 系统下性能提升很大。性能优化主要体现在使用大量矩形遮罩的场景中。下面的游戏实测图可以体现出优化前后的对比：

可以看到在优化后同一场景从 23 帧升到了 57 帧，场景变得非常流畅。

提升 Canvas 模式 Shape 遮罩性能

在本次更新中提升了 Canvas 模式 Shape 遮罩性能，在 Android 和 iOS 系统下都可以获得很大的性能提升。下面实测图展示优化前后的对比：

在对比场景中，随机加入了 30 个大小相同的圆形遮罩。帧数从原来的 9 帧升到了 56 帧,获得了很大的性能提升。需要注意的是优化主要体现在使用 Shape 绘制的遮罩，使用其显示对象的遮罩不会获得性能提升。

优化 Fast Armature 性能

在本次更新中我们优化了 DragonBones 库，使 FastArmature 的性能根据动画内容的不同会有不同的提升, 尤其对序列帧动画的性能提升明显, 最高可达到 200%。

在上面的对比实测中绘制了 50 个序列帧动画并播放，可以看到动画的性能提升显著。

新增功能

全新的游戏项目模板

在本次更新中我们提供了新的游戏项目模板，新的模板长什么样呢?快创建个项目试试吧。

需要注意的是在新的模板中默认的舞台宽高是 640 × 1136，可以根据实际项目的需要进行修改。

大分辨率可以使游戏更为精美，但是绘制大图对性能压力很大，并且加载的图片体积也会提升。建议只发原生渠道的游戏使用。

增加 TextField.setFocus 方法

在本次更新中新增了输入文本的 setFocus 方法。可以在用户操作下使输入文本获得焦点。需要注意的是 setFocus 方法需要在用户操作的事件中进行调用，比如下面这样：

var textIput:egret.TextField = new egret.TextField();
textIput.type = egret.TextFieldType.INPUT;
this.addChild(textIput);

var button:egret.Shape =  new egret.Shape();
button.graphics.beginFill(0x00cc00);
button.graphics.drawRect(0,0,100,40);
button.graphics.endFill();
button.y = 50;
this.addChild(button);
button.touchEnabled = true;
button.addEventListener(egret.TouchEvent.TOUCH_BEGIN,(e) => {
        textIput.setFocus();
    }, this);

这里我们首先创建了一个输入文本和一个按钮，在按钮的触摸事件回调函数中调用输入文本的 setFocus 方法。不通过用户的操作触发直接调用 setFocus 会导致输入文本有问题，应避免这种使用方式。

输入文本教程

Video 增加 length 属性

本次更新中新增了 Video 的 length 属性，可以获得当前播放视频的长度。

视频系统教程

修复问题

Egret Core 修复问题

• 修复 publish 过程中取消后，再次 build 报错问题
• 解决 BitmapText 在 WebGL 模式下绘制不出来问题
• 解决 WebGL 模式下内存泄露问题
• 修复 exml 不存在 className 属性编译错误问题

DragoneBones 库修复问题

• 修改 Fast Armature 缓存方式
• 修复 IK约束 在有些情况下计算结果不正确的问题

获取 Egret Engine

Windows 安装包下载地址：点击这里 Mac 安装包下载地址： 点击这里 Egret Engine 2D 源码地址：点击这里 Egret Engine 3D 源码地址：点击这里