Cocos Creator 骨骼动画 (龙骨DragonBones)

版本2.3.4

参考:

cocos教程:DragonBones骨骼动画资源

 

 

龙骨动画

将龙骨动画放到cocos的assets下。我这里龙骨动画是Dragonbones导出的二进制动画。

Cocos Creator 骨骼动画 (龙骨DragonBones)

 

 

直接拖拽龙骨动画(骨头图标)到舞台

Cocos Creator 骨骼动画 (龙骨DragonBones)

 

 

设置骨骼动画的属性,Dragon Altas Asset图片,Animation动作,PlayTime循环播放等

Cocos Creator 骨骼动画 (龙骨DragonBones)

 

 

 

Cocos Creator 骨骼动画 (龙骨DragonBones)

 

 

代码生成龙骨动画

龙骨资源路径是assets/resources/dragonbones,loadResDir只需要填dragonbones就行了。

Cocos Creator 骨骼动画 (龙骨DragonBones)

 

 

        cc.loader.loadResDir("dragonbones",cc.Asset,null,(err, resource)=>{
            console.log("资源:",resource);
            let node:cc.Node = new cc.Node();
            let armatureDisplay:dragonBones.ArmatureDisplay = node.addComponent(dragonBones.ArmatureDisplay);
            armatureDisplay.dragonAsset = resource[0];
            armatureDisplay.dragonAtlasAsset = resource[3];
            armatureDisplay.armatureName = "role3";
            armatureDisplay.playAnimation("move",0);
            node.x = 100;
            node.y = 100;
            this.node.addChild(node);
        });  

 

 

全局换装

 

局部换装