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~~
總結
以上是生活随笔為你收集整理的CocosCreator之KUOKUO带你简单使用Spine骨骼动画的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: TC275-中断
- 下一篇: 跟我学 Java 8 新特性之 Stre