首页 > 其他 > 详细

Cocos Creator 骨骼动画 (龙骨DragonBones)

时间:2020-05-31 23:06:24      阅读:369      评论:0      收藏:0      [点我收藏+]

版本2.3.4

参考:

cocos教程:DragonBones骨骼动画资源

 

 

龙骨动画

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

技术分享图片

 

 

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

技术分享图片

 

 

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

技术分享图片

 

 

 

技术分享图片

 

 

代码生成龙骨动画

龙骨资源路径是assets/resources/dragonbones,loadResDir只需要填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);
        });  

 

 

全局换装

 

局部换装

 

Cocos Creator 骨骼动画 (龙骨DragonBones)

原文:https://www.cnblogs.com/gamedaybyday/p/13021916.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!