Egret 骨骼动画

工具:DragonBonesPro

           Egret引擎5.2.29

一、使用DragonBonesPro创建编辑骨骼动画(注意箭头处为骨骼名称)

二、导出骨骼动画资源文件(DrangonBones JSON类型)

三、在Egret中使用骨骼动画

// 龙骨demo
module game {
    export class DragonDemo extends egret.DisplayObjectContainer {
        private objNum:number = 0;
        public constructor(num: number) {
            super();
            this.objNum = num;
            this.once(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this);
        }
        private onAddToStage(evt: egret.Event) {
            this.createDragonBones();
        }
        private createDragonBones() {
            let ske = RES.getRes("02_ske_json");
            let texJson = RES.getRes("02_tex_json");
            let tex = RES.getRes("02_tex_png");

            var factory: dragonBones.EgretFactory = dragonBones.EgretFactory.factory;
            factory.parseDragonBonesData(ske);
            factory.parseTextureAtlasData(texJson, tex);

            let arr: Array<dragonBones.EgretArmatureDisplay> = [];
            for (let i = 0; i < this.objNum; i++) {
                arr[i] = factory.buildArmatureDisplay("Armature");
                this.addChild(arr[i]);
                arr[i].y = 350;
                if (i) {
                    arr[i].x = arr[i - 1].x + 0.5;
                } else {
                    arr[i].x = 250;
                }
                arr[i].animation.play("await");
            }
        }
    }
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值