欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

DragonBones Pro 制作帧动画 导入Egret播放使用

程序员文章站 2024-03-20 20:00:16
...

龙骨导出帧动画mc  导入白鹭引擎使用

先使用龙骨制作动画帧 将图片全选拖入龙骨 然后自动就排列动画帧

DragonBones Pro 制作帧动画 导入Egret播放使用

然后导出 注意红框标记的地方 点击导出按钮-选择数据类型Egret MC-生成数据和纹理-完成 就会在你的输出路径里找到json和png文件

DragonBones Pro 制作帧动画 导入Egret播放使用

然后拖到白鹭引擎资源里

DragonBones Pro 制作帧动画 导入Egret播放使用

代码的调用

                     var data = RES.getRes("boymc_mc_json");
                    var txtr = RES.getRes("boymc_tex_png");
                    var mcFactory: egret.MovieClipDataFactory = new egret.MovieClipDataFactory(data, txtr);
                    var behavior2 = new egret.MovieClip(mcFactory.generateMovieClipData("FramesAnimation"));
                    behavior2.x = Data.getscreenWidth() * 0.81 - behavior2.width;
                    behavior2.y = Data.getscreenHeight() * 2 / 3 - behavior2.height;
                    this.addChild(behavior2);
                    behavior2.gotoAndPlay(1, -1);

//然后这里说一具体参数  一个 MovieClip类对应一个MC资源合集。资源文件为 .json 和 .png

"boymc_mc_json" 和  boymc_tex_png 对应的是resource文件下的default.res.json文件中的名称
DragonBones Pro 制作帧动画 导入Egret播放使用

var behavior2 = new egret.MovieClip(mcFactory.generateMovieClipData("FramesAnimation"));

获取动作"FramesAnimation" 对应你json 配置文件里这句(mc下的一句)

DragonBones Pro 制作帧动画 导入Egret播放使用

剩下的几句是帧动画位置的设置  然后是显示this.addChild(behavior2);   和循环播放  behavior2.gotoAndPlay(1, -1);