CocosCreator之KUOKUO带你简单使用Spine骨骼动画
本次引擎2.0.5
編輯工具VSCode
簡(jiǎn)單說(shuō)說(shuō)Spine骨骼動(dòng)畫(huà)
(官方說(shuō)2.0.7版本會(huì)修復(fù)Spine骨骼動(dòng)畫(huà)的一堆坑,期待。。。)
?
好了,先拿出素材。
(Spine軟件破解版加教程可以去淘寶,6塊錢好像是。素材也不貴)
我搞到一個(gè):
新建場(chǎng)景然后導(dǎo)入到CocosCreator中:
然后在面板里選擇一下皮膚跟默認(rèn)動(dòng)畫(huà)。
運(yùn)行看看(編輯器里可能會(huì)出現(xiàn)顯示不全等問(wèn)題,看運(yùn)行后的)
然后我們看看面板里,有兩個(gè)動(dòng)畫(huà)。
idle是說(shuō)話時(shí)上下動(dòng),walk是走。
我們看看walk;
走路動(dòng)畫(huà)。
// 、、、、、、好了,接下來(lái)說(shuō)說(shuō)重要的代碼控制:
首先是換裝:
(局部換裝需要對(duì)SpineAPI函數(shù)做調(diào)用,期待引擎組未來(lái)優(yōu)化,如有需要查閱下圖地方)
//、、、、、
這里我用CocosCreator封裝的整體換裝舉例。
新建個(gè)腳本:
main.js(綁定在Canvas)
setSkin(接收皮膚名稱字符串);更換皮膚。
我們建個(gè)按鈕。
好了,講完換膚,講一講骨骼動(dòng)畫(huà)運(yùn)行機(jī)制。
管道式運(yùn)行。(想象有一個(gè)水管,從右邊塞入動(dòng)畫(huà),左邊出去,一直運(yùn)行最左邊)
先上效果。
走-停-走-停
首先把初始自動(dòng)運(yùn)行的動(dòng)畫(huà)關(guān)掉。
然后打代碼:
(清空所有動(dòng)畫(huà)管道,也叫管道組,方法不帶參數(shù),clearTracks(0)清空指定管道組0)
怎么樣,會(huì)了吧。
還有一個(gè)方法是setAnimation()先清空管道組然后放入動(dòng)畫(huà)。
來(lái)看看動(dòng)畫(huà)監(jiān)聽(tīng);
打印:
好了,簡(jiǎn)單講這些吧。
?
加我QQ群:(博客里面的項(xiàng)目,群文件里都有哦)
706176551
我們一起學(xué)習(xí)!
?
O(∩_∩)O~~
總結(jié)
以上是生活随笔為你收集整理的CocosCreator之KUOKUO带你简单使用Spine骨骼动画的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: TC275-中断
- 下一篇: 干货 | 日访问过亿,办公IM及开放式平