白鹭EGRET使用龙骨DRAGONBONES生成的序列帧动画

有一个项目需要做序列帧动画,用代码写的当然是不科学的,翻开龙骨发现他有帧动画的功能,那就拿他来开搞。

draongbones

动画的属性如下:


白鹭EGRET使用龙骨DRAGONBONES生成的序列帧动画_第1张图片
QQ20170317-155032.png

生成一段帧动画,K好帧


白鹭EGRET使用龙骨DRAGONBONES生成的序列帧动画_第2张图片
QQ20170317-155139.png

导出,不知道为何导出egret极速模式时生成json出错(可能是只支持骨骼模式?)
白鹭EGRET使用龙骨DRAGONBONES生成的序列帧动画_第3张图片
image.png

会生成数据、纹理和纹理数据3个文件

egret

白鹭上官方的说明只有骨骼动画的事例,并没有帧动画的,自己弄了半天才明白如何操作:

        var anime_data = RES.getRes("pachiko_ske_json");
        var anime_texture = RES.getRes("pachiko_tex_png");
        var anime_texture_data = RES.getRes("pachiko_tex_json");
        var db:dragonBones.EgretFactory = new dragonBones.EgretFactory();
        db.addSkeletonData(dragonBones.DataParser.parseDragonBonesData(anime_data));
        db.addTextureAtlas(new dragonBones.EgretTextureAtlas(anime_texture,anime_texture_data));
        var anime:dragonBones.EgretArmatureDisplay = db.buildArmatureDisplay("MovieClip");
        this.addChild(anime);
        anime.x = this.stage.stageWidth/2;
        anime.y = this.stage.stageHeight/2;
        anime.animation.play("newAnimation");

你可能感兴趣的:(白鹭EGRET使用龙骨DRAGONBONES生成的序列帧动画)