cocos creator基礎(chǔ)-(十)cc.Animation動(dòng)畫組件的使用

1: 掌握動(dòng)畫編輯器與cc.Animation組件的使用;

// 節(jié)點(diǎn)澄阳、動(dòng)畫手报、動(dòng)畫文件的關(guān)系

node : {Animation : {AnimationClip}}

動(dòng)畫編輯器使用

1: 創(chuàng)建一個(gè)節(jié)點(diǎn);

2: 為這個(gè)節(jié)點(diǎn)添加一個(gè)動(dòng)畫組件 cc.Animation;

3: 為這個(gè)動(dòng)畫組件新建一個(gè)動(dòng)畫文件 --> AnimationClip對象;

4: cc.Animation 控制面板的屬性:

(1): default Anim Clip: 默認(rèn)的播放的動(dòng)畫剪輯;

(2): Clips: 動(dòng)畫剪輯的數(shù)組集合

(3): Play onLoad: 是否在加載的時(shí)候開始播放;

?

動(dòng)畫編輯器的原理

1: 時(shí)間軸

2: 在不同的時(shí)刻皿伺,調(diào)整節(jié)點(diǎn)以及孩子節(jié)點(diǎn)的不同的屬性的值万矾,然后創(chuàng)建出補(bǔ)間動(dòng)畫;

3: 節(jié)點(diǎn)調(diào)動(dòng)畫的屬性:

位置, 縮放, 旋轉(zhuǎn), 大小, 顏色, 透明度, 錨點(diǎn), 扭曲, ...;

4: 動(dòng)畫編輯器也可以調(diào)節(jié)節(jié)點(diǎn)的子節(jié)點(diǎn)

5: 動(dòng)畫參數(shù):

Simaple: 1秒多少幀, Speed: 速度,播放速度,越小越慢,

wrapMode: Normal, Loop, PingPong, Reverse, Loop Reverse, PingPongReverse;

6: 動(dòng)畫

(1)添加動(dòng)畫屬性

(2)添加關(guān)鍵幀/刪除關(guān)鍵幀,選到關(guān)鍵幀,在屬性編輯器上編輯和修改;

(3)編輯補(bǔ)間動(dòng)畫曲線路徑;


Animation組件

1: 代碼中獲得cc.Animation組件:

編輯器關(guān)聯(lián);

代碼獲取組件;

2: Animation組件主要的方法:

play([name], [start_time]), 播放指定的動(dòng)畫乐导,如果沒有制定就播放默認(rèn)的動(dòng)畫;

playAdditive: 與play一樣典阵,但是不會(huì)停止當(dāng)前播放的動(dòng)畫;

stop([name]): 停止指定的動(dòng)畫奋渔,如果沒有指定名字就停止當(dāng)前播放的動(dòng)畫;

pause/resume: 暫停喚醒動(dòng)畫;

getClips: 返回組件里面帶的AnimationClip數(shù)組

3: Animation重要的屬性:

defaultClip: 默認(rèn)的動(dòng)畫剪輯;

currentClip: 當(dāng)前播放的動(dòng)畫剪輯;

4: Animation播放事件: 動(dòng)畫組件對象來監(jiān)聽on,不是節(jié)點(diǎn)

play : 開始播放時(shí) stop : 停止播放時(shí) pause : 暫停播放時(shí) resume : 恢復(fù)播放時(shí)

lastframe : 假如動(dòng)畫循環(huán)次數(shù)大于 1,當(dāng)動(dòng)畫播放到最后一幀時(shí) finished : 動(dòng)畫播放完成時(shí)

?

動(dòng)畫里面調(diào)用代碼函數(shù)

1:插入一個(gè)時(shí)間到動(dòng)畫里面;

2: 編輯這個(gè)時(shí)間觸發(fā)的函數(shù): 名字 + 參數(shù)

3: 遍歷當(dāng)前動(dòng)畫組件所掛節(jié)點(diǎn)上面所有的腳本或組件萄喳,根據(jù)這個(gè)名字來觸發(fā)函數(shù);

動(dòng)畫編輯器里插入test_anima_event事件卒稳,動(dòng)畫節(jié)點(diǎn)掛的節(jié)點(diǎn)的腳本里就要有 對應(yīng)名字 的方法才能觸發(fā)(這種方法容易不知道事件的來源,不推薦)

4: 要慎用他巨,代碼和動(dòng)畫之間不易太多的調(diào)用;

cc.Class({

? ? extends: cc.Component,

? ? properties: {

? ? ? ? // foo: {

? ? ? ? // ? ?default: null, ? ? ?// The default value will be used only when the component attaching

? ? ? ? // ? ? ? ? ? ? ? ? ? ? ? ? ? to a node for the first time

? ? ? ? // ? ?url: cc.Texture2D, ?// optional, default is typeof default

? ? ? ? // ? ?serializable: true, // optional, default is true

? ? ? ? // ? ?visible: true, ? ? ?// optional, default is true

? ? ? ? // ? ?displayName: 'Foo', // optional

? ? ? ? // ? ?readonly: false, ? ?// optional, default is false

? ? ? ? // },

? ? ? ? // ...

? ? ? ? // 編輯器里面綁定

? ? ? ? anim: {

? ? ? ? ? ? type: cc.Animation,

? ? ? ? ? ? default: null,

? ? ? ? },

? ? },

? ? // use this for initialization

? ? onLoad: function () {

? ? ? ? var anim_node = this.node.getChildByName("anim");

? ? ? ? this.anim_com = anim_node.getComponent(cc.Animation);

? ? ? ? // 是動(dòng)畫組件cc.Animation組件實(shí)例來監(jiān)聽;

? ? ? ? this.anim_com.on("play", function() {

? ? ? ? ? ? console.log("begin play");

? ? ? ? }.bind(this), this);


? ? },

? ? start: function() {

? ? ? ? // this.anim_com.play("anim_class");

? ? ? ? this.anim_com.play(); // 播放的是defalut clip指向的動(dòng)畫clip

? ? },

? ? // called every frame, uncomment this function to activate update callback

? ? // update: function (dt) {

? ? // },

});

我也創(chuàng)建了個(gè)cocos creator的學(xué)習(xí)交流群歡迎大家一起來學(xué)習(xí)點(diǎn)擊鏈接加入群聊【cocos/unity交流群】

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末充坑,一起剝皮案震驚了整個(gè)濱河市减江,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌捻爷,老刑警劉巖辈灼,帶你破解...
    沈念sama閱讀 222,252評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異也榄,居然都是意外死亡巡莹,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,886評論 3 399
  • 文/潘曉璐 我一進(jìn)店門甜紫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來降宅,“玉大人,你說我怎么就攤上這事囚霸⊙” “怎么了?”我有些...
    開封第一講書人閱讀 168,814評論 0 361
  • 文/不壞的土叔 我叫張陵拓型,是天一觀的道長额嘿。 經(jīng)常有香客問我,道長劣挫,這世上最難降的妖魔是什么册养? 我笑而不...
    開封第一講書人閱讀 59,869評論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮压固,結(jié)果婚禮上球拦,老公的妹妹穿的比我還像新娘。我一直安慰自己邓夕,他們只是感情好刘莹,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,888評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著焚刚,像睡著了一般。 火紅的嫁衣襯著肌膚如雪扇调。 梳的紋絲不亂的頭發(fā)上矿咕,一...
    開封第一講書人閱讀 52,475評論 1 312
  • 那天,我揣著相機(jī)與錄音狼钮,去河邊找鬼碳柱。 笑死,一個(gè)胖子當(dāng)著我的面吹牛熬芜,可吹牛的內(nèi)容都是我干的莲镣。 我是一名探鬼主播,決...
    沈念sama閱讀 41,010評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼涎拉,長吁一口氣:“原來是場噩夢啊……” “哼瑞侮!你這毒婦竟也來了的圆?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,924評論 0 277
  • 序言:老撾萬榮一對情侶失蹤半火,失蹤者是張志新(化名)和其女友劉穎越妈,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體钮糖,經(jīng)...
    沈念sama閱讀 46,469評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡梅掠,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,552評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了店归。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片阎抒。...
    茶點(diǎn)故事閱讀 40,680評論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖消痛,靈堂內(nèi)的尸體忽然破棺而出且叁,到底是詐尸還是另有隱情,我是刑警寧澤肄满,帶...
    沈念sama閱讀 36,362評論 5 351
  • 正文 年R本政府宣布谴古,位于F島的核電站,受9級(jí)特大地震影響稠歉,放射性物質(zhì)發(fā)生泄漏掰担。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,037評論 3 335
  • 文/蒙蒙 一怒炸、第九天 我趴在偏房一處隱蔽的房頂上張望带饱。 院中可真熱鬧,春花似錦阅羹、人聲如沸勺疼。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,519評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽执庐。三九已至,卻和暖如春导梆,著一層夾襖步出監(jiān)牢的瞬間轨淌,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,621評論 1 274
  • 我被黑心中介騙來泰國打工看尼, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留递鹉,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,099評論 3 378
  • 正文 我出身青樓藏斩,卻偏偏與公主長得像躏结,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子狰域,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,691評論 2 361

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