egret-docs-master/Engine2D/update/update311
guofei 4fe0162b34 fist commit 2024-06-19 13:32:32 +08:00
..
574c05d22e811.gif fist commit 2024-06-19 13:32:32 +08:00
574c05d2113e5.png fist commit 2024-06-19 13:32:32 +08:00
README.md fist commit 2024-06-19 13:32:32 +08:00

README.md

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

Egret Engine 2D

继大幅提升了WebGL渲染能力优化了重度化3D HTML5游戏开发性能之后白鹭引擎Egret Engine3.1.1版本将给开发者带来新的惊喜——新增了对Mesh功能的支持。

这意味着Egret开发者们创作大型重度游戏时可以引用柔体动画制作的素材大大缩短美术动画设计的时间同时在跨平台运行中更加顺畅。

新增 Mesh 功能

在本次更新中新增 WebGL 模式下支持 Mesh 渲染。使用柔体动画技术,上图中的小熊披风和表情相比传统骨骼动画而言更为逼真,所需的素材体积也更小。

开发者可以根据自己项目需求结合DragonBones Pro等骨骼动画制作工具自定义各种变形效果柔体动画进行显示。

仅需上图中简单的素材,就可以创作出下图中的动画,大大节省美术设计时间。

使用 DragonBones Pro 制作 Mesh 动画参考教程:DragonBones Pro用户手册网格

使用 DragonBones Pro 导出动画参考教程:导出

播放 Mesh 动画

在 Egret Engine 中使用 DragonBones 的 Mesh 动画与其动画的使用方式基本相同。以 DragonBones Pro 导出的纹理集为例,如下:

//获取动画数据
var dragonbonesData = RES.getRes( "Ubbie_json" );
//获取纹理集数据
var textureData = RES.getRes( "texture_json" ); 
//获取纹理集图片
var texture = RES.getRes( "texture_png" );

//创建一个工厂用来创建Armature
var dragonbonesFactory:dragonBones.EgretFactory = new dragonBones.EgretFactory();  
//把动画数据添加到工厂里
dragonbonesFactory.addDragonBonesData(dragonBones.DataParser.parseDragonBonesData(dragonbonesData));
//把纹理集数据和图片添加到工厂里
dragonbonesFactory.addTextureAtlas(new dragonBones.EgretTextureAtlas(texture,textureData));
//从工厂里创建出Armature
var armature: dragonBones.Armature = dragonbonesFactory.buildArmature("ubbie");

armature.display.x = 200;
armature.display.y = 400;
armature.display.scaleX = 0.5;
armature.display.scaleY = 0.5;

this.addChild(armature.display);

dragonBones.WorldClock.clock.add( armature );.
//播放动画
armature.animation.gotoAndPlay("turn face");  

var time:number;

egret.startTick(this.onTicker, this);

其中的 onTicker 代码如下:

private _time:number;

private onTicker(timeStamp:number) {

    if(!this._time) {
        this._time = timeStamp;
    }

    var now = timeStamp;
    var pass = now - this._time;
    this._time = now;
    //心跳时钟开启
    dragonBones.WorldClock.clock.advanceTime(pass / 1000);

    return false;
}

需要注意的是 Mesh 动画功能还在完善中,未来会支持 DragonBones 的急速模式。 在 Web 的 Canvas 渲染模式下和 Native 下暂不支持 Mesh 动画。 考虑性能的影响应尽量控制 Mesh 动画的点。

AndroidSupport 支持 Video 播放

引擎打包Android原生应用以及runtime环境下已全面支持视频播放开发者可以将视频完美的嵌入到游戏之中同时对外的API和h5一致无需开发者写平台兼容性代码

需要注意的是暂不支持通过 url 载入视频。Android 原生下视频需要打包到 APK 中, Runtime 需要手动放入 zip (代码包) 中才能正常播放。

修复问题

  • 修复 REMOVED_FROM_STAGE 事件可能会重复调用问题。
  • 修复 ProgressBar 重复设置方向导致错误问题。
  • 修复使用 Graphics 做遮罩显示异常问题。
  • 修复 ColorMatrixFilter 显示异常问题。

获取 Egret Engine

Windows 安装包下载地址:点击这里

Mac 安装包下载地址: 点击这里

Egret Engine 2D 源码地址:点击这里

Egret Engine 3D 源码地址:点击这里