• 售前

  • 售后

热门帖子
入门百科

CocosCreator骨骼动画之龙骨DragonBones

[复制链接]
壮壮妈2017 显示全部楼层 发表于 2021-10-26 12:51:58 |阅读模式 打印 上一主题 下一主题
CocosCreator版本2.3.4
龙骨动画

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

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

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


代码生成龙骨动画

龙骨资源路径是assets/resources/dragonbones,loadResDir只必要填dragonbones就行了。
  1. //根据路径加载资源
  2. cc.loader.loadResDir("dragonbones",cc.Asset,null,(err, resource)=>{
  3.       console.log("资源:",resource);
  4.       //生成骨骼动画
  5.       let node:cc.Node = new cc.Node();
  6.       let armatureDisplay:dragonBones.ArmatureDisplay = node.addComponent(dragonBones.ArmatureDisplay);
  7.       armatureDisplay.dragonAsset = resource[0];
  8.       armatureDisplay.dragonAtlasAsset = resource[3];
  9.       armatureDisplay.armatureName = "role3";
  10.       armatureDisplay.playAnimation("move",0);
  11.       node.x = 100;
  12.       node.y = 100;
  13.       this.node.addChild(node);
  14. });
复制代码
更换皮肤
  1. //加载资源
  2. cc.loader.loadResDir("dragonbones",cc.Asset,null,(err, resource)=>{
  3.      console.log("资源:",resource);
  4.     //生成动画1
  5.     let node:cc.Node = new cc.Node();
  6.     let armatureDisplay:dragonBones.ArmatureDisplay = node.addComponent(dragonBones.ArmatureDisplay);
  7.     armatureDisplay.dragonAsset = resource[0];
  8.     armatureDisplay.dragonAtlasAsset = resource[3];
  9.     armatureDisplay.armatureName = "role3";
  10.     armatureDisplay.playAnimation("move",0);
  11.     node.x = 100;
  12.     node.y = 100;
  13.     this.node.addChild(node);
  14.     //生成动画2
  15.     let node2:cc.Node = new cc.Node();
  16.     let armatureDisplay2:dragonBones.ArmatureDisplay = node2.addComponent(dragonBones.ArmatureDisplay);
  17.     armatureDisplay2.dragonAsset = resource[4];
  18.     armatureDisplay2.dragonAtlasAsset = resource[7];
  19.     armatureDisplay2.armatureName = "role4";
  20.     armatureDisplay2.playAnimation("move",0);
  21.     node2.x = 150;
  22.     node2.y = 150;
  23.     this.node.addChild(node2);
  24.      
  25.     //动画2的皮肤应用到动画1上
  26.     let factory = dragonBones.CCFactory.getInstance();
  27.     factory.replaceSkin(armatureDisplay.armature(), (armatureDisplay2.armature() as dragonBones.Armature).armatureData.defaultSkin, true);
  28. });
复制代码
以上就是CocosCreator骨骼动画之龙骨DragonBones的详细内容,更多关于CocosCreator骨骼DragonBones的资料请关注草根技术分享别的干系文章!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作