骨骼動(dòng)畫編輯器——Spine

聲明:

這筆記是來自cocos2d-x官網(wǎng)扔罪,各位不要噴娇掏!我只是給我自己使用的,未來一系列的游戲文章都是這樣空执。因本人平時(shí)使用手機(jī)簡(jiǎn)書較多浪箭,故寫在簡(jiǎn)書上方便本人使用而已。

Spine是一款針對(duì)游戲的2D骨骼動(dòng)畫編輯工具,它具有良好的UI設(shè)計(jì)和完整的功能辨绊,是一個(gè)比較成熟的骨骼動(dòng)畫編輯器奶栖。Spine旨在提供更高效和簡(jiǎn)潔的工作流程,以創(chuàng)建游戲所需的動(dòng)畫邢羔。

使用Spine創(chuàng)建骨骼動(dòng)畫分兩大步驟:

在SETUP模式下,組裝角色部件桑孩,為其綁定骨骼拜鹤;
在ANIMATE模式下,基于綁定好的骨骼創(chuàng)建動(dòng)畫流椒。

非常棒的教程:http://zh.esotericsoftware.com/spine-quickstart#Character-Images

1)在SETUP模式下敏簿,選中Images屬性,導(dǎo)入所需圖片資源所在文件夾,其中路徑名和資源名中不能出現(xiàn)中文惯裕,否則解析不了温数;
2)拖動(dòng)Images下的圖片到場(chǎng)景,對(duì)角色進(jìn)行組裝(把各個(gè)身體部位拼在一起)蜻势,可通過Draw Order屬性調(diào)整圖片所在層的順序撑刺;
3)創(chuàng)建骨骼,并綁定圖片到骨骼上握玛,要注意各骨骼的父子關(guān)系够傍。
4)切換到ANIMATE模式,選中要“動(dòng)”的骨骼挠铲,對(duì)其進(jìn)行旋轉(zhuǎn)冕屯、移動(dòng)、縮放等操作拂苹,每次改動(dòng)后要記得打關(guān)鍵幀安聘。
5)在菜單欄找到Texture Packer項(xiàng),對(duì)角色紋理進(jìn)行打包瓢棒,資源文件后綴為atlas(而非Cocos2d-x常用的plist)浴韭。打包后將生成兩個(gè)文件,即:png 和 atlas音羞。

屏幕快照 2016-11-08 13.54.32.png

6)導(dǎo)出動(dòng)畫文件Json囱桨。

Spine動(dòng)畫的使用

Cocos2d-x程序中,使用Spine動(dòng)畫首先需要包含spine的相關(guān)頭文件嗅绰。

#include <spine/spine-cocos2dx.h>
#include "spine/spine.h"
using namespace spine;

其常用方法如下:
創(chuàng)建一個(gè)Spine動(dòng)畫對(duì)象舍肠,將動(dòng)畫文件和資源文件導(dǎo)入。

auto skeletonNode = new SkeletonAnimation("enemy.json", "enemy.atlas");
骨骼動(dòng)畫往往是不止一個(gè)動(dòng)畫的?

例如:當(dāng)人物需要行走時(shí)窘面,就設(shè)置播放動(dòng)畫為行走翠语;當(dāng)要發(fā)動(dòng)攻擊時(shí),就設(shè)置播放動(dòng)畫為攻擊财边。下面方法可以設(shè)置當(dāng)前播放動(dòng)畫肌括,其中參數(shù)false表示不循環(huán)播放,true表示循環(huán)播放酣难。

  skeletonNode->setAnimation(0, "walk", true);

setAnimation方法只能播放一種動(dòng)畫谍夭,所以當(dāng)要連續(xù)播放不同的動(dòng)畫時(shí),需要使用addAnimation方法來實(shí)現(xiàn)憨募,它可以一條一條的播放不同的動(dòng)畫紧索。

skeletonNode->addAnimation(0, "walk", true);//行走動(dòng)畫
skeletonNode->addAnimation(0, "attack", false);//攻擊動(dòng)畫

設(shè)置動(dòng)畫的播放快慢可通過設(shè)置它的timeScale值來實(shí)現(xiàn)。

設(shè)置是否顯示骨骼通過設(shè)置debugBones菜谣,true表示顯示珠漂,false表示隱藏晚缩。

skeletonNode->debugBones = true;

最后:例子:創(chuàng)建一個(gè)player行走和攻擊的動(dòng)畫, 并且循環(huán)播放。

  • 希望你自己跟著寫一遍媳危,不要直接復(fù)制進(jìn)去荞彼。
auto skeletonNode = new SkeletonAnimation("enemy.json", "enemy.atlas");
skeletonNode->setMix("walk", "attack", 0.2f);
skeletonNode->setMix("attack", "walk", 0.4f);

skeletonNode->setAnimation(0, "walk", false);
skeletonNode->setAnimation(0, "attact", false);
skeletonNode->addAnimation(0, "walk", false);
skeletonNode->addAnimation(0, "attact", true);

skeletonNode->debugBones = true;

Size windowSize = Director::getInstance()->getWinSize();
skeletonNode->setPosition(Point(windowSize.width / 2, windowSize.height / 2));
addChild(skeletonNode);

效果圖:

屏幕快照 2016-11-08 14.08.06.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市待笑,隨后出現(xiàn)的幾起案子鸣皂,更是在濱河造成了極大的恐慌,老刑警劉巖滋觉,帶你破解...
    沈念sama閱讀 212,454評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件签夭,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡椎侠,警方通過查閱死者的電腦和手機(jī)第租,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來我纪,“玉大人慎宾,你說我怎么就攤上這事∏诚ぃ” “怎么了趟据?”我有些...
    開封第一講書人閱讀 157,921評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)术健。 經(jīng)常有香客問我汹碱,道長(zhǎng),這世上最難降的妖魔是什么荞估? 我笑而不...
    開封第一講書人閱讀 56,648評(píng)論 1 284
  • 正文 為了忘掉前任咳促,我火速辦了婚禮,結(jié)果婚禮上勘伺,老公的妹妹穿的比我還像新娘跪腹。我一直安慰自己,他們只是感情好飞醉,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,770評(píng)論 6 386
  • 文/花漫 我一把揭開白布冲茸。 她就那樣靜靜地躺著,像睡著了一般缅帘。 火紅的嫁衣襯著肌膚如雪轴术。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,950評(píng)論 1 291
  • 那天钦无,我揣著相機(jī)與錄音逗栽,去河邊找鬼。 笑死铃诬,一個(gè)胖子當(dāng)著我的面吹牛祭陷,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播趣席,決...
    沈念sama閱讀 39,090評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼兵志,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了宣肚?” 一聲冷哼從身側(cè)響起想罕,我...
    開封第一講書人閱讀 37,817評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎霉涨,沒想到半個(gè)月后按价,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,275評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡笙瑟,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,592評(píng)論 2 327
  • 正文 我和宋清朗相戀三年楼镐,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片往枷。...
    茶點(diǎn)故事閱讀 38,724評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡框产,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出错洁,到底是詐尸還是另有隱情秉宿,我是刑警寧澤,帶...
    沈念sama閱讀 34,409評(píng)論 4 333
  • 正文 年R本政府宣布屯碴,位于F島的核電站描睦,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏导而。R本人自食惡果不足惜忱叭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,052評(píng)論 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望嗡载。 院中可真熱鬧窑多,春花似錦、人聲如沸洼滚。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽遥巴。三九已至千康,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間铲掐,已是汗流浹背拾弃。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評(píng)論 1 266
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留摆霉,地道東北人豪椿。 一個(gè)月前我還...
    沈念sama閱讀 46,503評(píng)論 2 361
  • 正文 我出身青樓奔坟,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親搭盾。 傳聞我的和親對(duì)象是個(gè)殘疾皇子咳秉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,627評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件鸯隅、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,066評(píng)論 4 62
  • 醒來的清晨澜建,噩夢(mèng)驚醒,心狂跳蝌以,好難熬炕舵。
    樂樂827閱讀 222評(píng)論 0 0
  • 沒有年輪的樹 : 沒有文化真幸福! __ 微型散文詩 作者: 何 強(qiáng) " 發(fā)現(xiàn)你不曾有過,也...
    天邊的凝紅閱讀 257評(píng)論 0 2
  • 國(guó)債逆回購(gòu)是近百年來跟畅,取得最糟糕的金融產(chǎn)品名字咽筋。聽著超復(fù)雜,其實(shí)很簡(jiǎn)單徊件,就是金融機(jī)構(gòu)把國(guó)債抵押給你晤硕,找你借錢。 以...
    越女事務(wù)所閱讀 262評(píng)論 0 1
  • /傅毅 必須想到雪庇忌,雪橇 想到白胡子老人 想到一根舞箍, 高高大大的煙囪 一直抵達(dá)我們心里 如果都沒有想到 那就不用想...
    傅毅閱讀 271評(píng)論 0 1