CocosCreator之KUOKUO带你简单使用Spine骨骼动画

本次引擎2.0.5

编辑工具VSCode

简单说说Spine骨骼动画

(官方说2.0.7版本会修复Spine骨骼动画的一堆坑,期待。。。)

 

好了,先拿出素材。

(Spine软件破解版加教程可以去淘宝,6块钱好像是。素材也不贵)

我搞到一个:

新建场景然后导入到CocosCreator中:

然后在面板里选择一下皮肤跟默认动画。

运行看看(编辑器里可能会出现显示不全等问题,看运行后的)

然后我们看看面板里,有两个动画。

idle是说话时上下动,walk是走。

我们看看walk;

走路动画。

// 、、、、、、好了,接下来说说重要的代码控制:

首先是换装:

(局部换装需要对SpineAPI函数做调用,期待引擎组未来优化,如有需要查阅下图地方)

//、、、、、

这里我用CocosCreator封装的整体换装举例。

新建个脚本:

main.js(绑定在Canvas)

setSkin(接收皮肤名称字符串);更换皮肤。

我们建个按钮。

好了,讲完换肤,讲一讲骨骼动画运行机制。

管道式运行。(想象有一个水管,从右边塞入动画,左边出去,一直运行最左边)

先上效果。

走-停-走-停

首先把初始自动运行的动画关掉。

然后打代码:

(清空所有动画管道,也叫管道组,方法不带参数,clearTracks(0)清空指定管道组0)

怎么样,会了吧。

还有一个方法是setAnimation()先清空管道组然后放入动画。

来看看动画监听;

打印:

好了,简单讲这些吧。

 

加我QQ群:(博客里面的项目,群文件里都有哦)

706176551

我们一起学习!

 

O(∩_∩)O~~

  • 4
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

KUOKUO众享

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值