EgretTextureAtlasData已废弃,新的龙骨动画展示示例

匿名 (未验证) 提交于 2019-12-03 00:27:02

本篇主要内容是 , EUI 及 龙骨。

我用EUI项目进行测试,看下效果:

实际上这个robot是一直在跑的 。

步骤

首先 , 在项目的egretProperties.json中增加EUI和龙骨模块如下:

1,

egret build -e


其次 ,注册主题(default.thm.json),要使用exml文件必须要注册

1,在resource文件加下新建default.thm.json文件,如下

2,在main.ts中注册此主题:

new eui.Theme("resource/default.thm.json", this.stage);//注册主题

3,需要往default.thm.json中添加基本数据

最后 ,弹出一个简单的EUI界面

1,在resource文件夹下新建一个eui_skins文件夹用来存放exml皮肤文件

2,在eui_skins中新建一个DragonE.exml文件。

3,编辑DragonE.exml文件

①,切换至设计师

②,对于组件/资源没有出来的情况

如下图:

解决方案如下(重置引擎):

DragonE_View.ts如下:

在舞台上显示ui , 在main.ts

结果如下:

看看default.thm.json(软件自动添加的)


龙骨:

1,在resource中建一个robot文件夹,用于存储龙骨的3个文件 :

2,在default.res.json中配置动画资源

3,新建DragonBoneTools.ts类以创建dragonBones.EgretFactory如下:

4,更改DragonE_View.ts 以播放龙骨动画:

            
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!