Egret Engine 3.0 包含了白鹭时代研发的遵循HTML5标准的 2D 引擎及全新打造的 3D 引擎,它解决了 HTML5 性能问题及碎片化问题,灵活地满足开发者开发 2D 或 3D 游戏的需求,并有着极强的跨平台运行能力。
继大幅提升了WebGL渲染能力,优化了重度化3D HTML5游戏开发性能之后,白鹭引擎(Egret Engine)3.1.1版本将给开发者带来新的惊喜——新增了对Mesh功能的支持。
这意味着Egret开发者们创作大型重度游戏时,可以引用柔体动画制作的素材,大大缩短美术动画设计的时间,同时在跨平台运行中更加顺畅。
在本次更新中新增 WebGL 模式下支持 Mesh 渲染。使用柔体动画技术,上图中的小熊披风和表情相比传统骨骼动画而言更为逼真,所需的素材体积也更小。
开发者可以根据自己项目需求结合DragonBones Pro等骨骼动画制作工具,自定义各种变形效果(柔体动画)进行显示。
仅需上图中简单的素材,就可以创作出下图中的动画,大大节省美术设计时间。
使用 DragonBones Pro 制作 Mesh 动画参考教程:DragonBones Pro用户手册:网格
使用 DragonBones Pro 导出动画参考教程:导出
在 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 动画的点。
引擎打包Android原生应用以及runtime环境下已全面支持视频播放,开发者可以将视频完美的嵌入到游戏之中,同时对外的API和h5一致,无需开发者写平台兼容性代码
需要注意的是暂不支持通过 url 载入视频。Android 原生下视频需要打包到 APK 中, Runtime 需要手动放入 zip (代码包) 中才能正常播放。
- 修复 REMOVED_FROM_STAGE 事件可能会重复调用问题。
- 修复 ProgressBar 重复设置方向导致错误问题。
- 修复使用 Graphics 做遮罩显示异常问题。
- 修复 ColorMatrixFilter 显示异常问题。
Windows 安装包下载地址:点击这里
Mac 安装包下载地址: 点击这里
Egret Engine 2D 源码地址:点击这里
Egret Engine 3D 源码地址:点击这里