cocos2d-js 骨骼动画 3.10

本文介绍了在Cocos2d-x 3.10版本中使用骨骼动画的两种方式:一是通过Cocos自带的动画编辑器导出并加载动画;二是使用Spine骨骼动画。文中提供了具体的代码示例,帮助开发者更好地理解和应用这两种骨骼动画技术。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

近期使用了cocos动画中的骨骼动画,这里记录使用的两种方式(3.10版):

   一、cocos自带的动画编辑器导出的动画

1 ccs.armatureDataManager.addArmatureFileInfo(res.mascot_1_json);
2 var wolfAnimation = new ccs.Armature("niu");
3 wolfAnimation.setScale(1.0);
4 wolfAnimation.setPosition(cc.p(size.width * 0.50, size.height * 0.1));
5 //wolfAnimation.getAnimation().playWithIndex(0);
6 wolfAnimation.animation.play("Animation1");
7 game_panel.addChild(wolfAnimation);

二、spine骨骼动画

1          var spineBoy = new sp.SkeletonAnimation(res.mascot_json, res.mascot_atlas);
2          game_panel.addChild(spineBoy, 4);
3          spineBoy.setAnchorPoint(0.5, 0.5);
4          spineBoy.setPosition(cc.p(size.width * 0.50, size.height * 0.1));
5          spineBoy.setAnimation(0, 'niu', true);
6          spineBoy.setScale(1.0);

需要注意的是:需导入模块 extensions

转载于:https://www.cnblogs.com/kefeiGame/p/8080926.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值