012--動畫編輯器

1: 創建一個節點;
2: 為這個節點添加一個動畫組件 cc.Animation;
3: 為這個動畫組件新建一個動畫文件 --> AnimationClip對象;
4: cc.Animation 控制面板的屬性:
(1): default Anim Clip: 默認的播放的動畫剪輯;
(2): Clips: 動畫剪輯的數組集合
(3): Play onLoad: 是否在加載的時候開始播放;

動畫編輯器的原理

1: 時間軸
2: 在不同的時刻,調整節點以及孩子節點的不同的屬性的值,然后創建出補間動畫;
3: 節點調動畫的屬性:
位置, 縮放, 旋轉, 大小, 顏色, 透明度, 錨點, 扭曲, ...;
4: 動畫編輯器也可以調節節點的子節點
5: 動畫參數:
Simaple: 1秒多少幀, Speed: 速度,播放速度,越小越慢,
wrapMode: Normal, Loop, PingPong, Reverse, Loop Reverse, PingPongReverse;
6: 動畫
(1)添加動畫屬性
(2)添加關鍵幀/刪除關鍵幀,選到關鍵幀,在屬性編輯器上編輯和修改;
(3)編輯補間動畫曲線路徑;

Animation組件

1: 代碼中獲得cc.Animation組件:
編輯器關聯;
代碼獲取組件;
2: Animation組件主要的方法:
play([name], [start_time]), 播放指定的動畫,如果沒有制定就播放默認的動畫;
playAdditive: 與play一樣,但是不會停止當前播放的動畫;
stop([name]): 停止指定的動畫,如果沒有指定名字就停止當前播放的動畫;
pause/resume: 暫停喚醒動畫;
getClips: 返回組件里面帶的AnimationClip數組
3: Animation重要的屬性:
defaultClip: 默認的動畫剪輯;
currentClip: 當前播放的動畫剪輯;
4: Animation播放事件: 動畫組件對象來監聽on,不是節點
play : 開始播放時 stop : 停止播放時 pause : 暫停播放時 resume : 恢復播放時
lastframe : 假如動畫循環次數大于 1,當動畫播放到最后一幀時 finished : 動畫播放完成時

函數調用

1:插入一個事件到動畫里面;
2: 編輯這個時間觸發的函數: 名字 + 參數
3: 遍歷當前動畫組件所掛節點上面所有的腳本或組件,根據這個名字來觸發函數;
4: 要慎用,代碼和動畫之間不易太多的調用;

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 本筆記的原文本鏈接 Property Animation Overview 屬性動畫總覽 The property...
    Jaesoon閱讀 1,149評論 2 3
  • 1 CALayer IOS SDK詳解之CALayer(一) http://doc.okbase.net/Hell...
    Kevin_Junbaozi閱讀 5,210評論 3 23
  • 【Android 動畫】 動畫分類補間動畫(Tween動畫)幀動畫(Frame 動畫)屬性動畫(Property ...
    Rtia閱讀 6,248評論 1 38
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,339評論 0 11
  • 早上起來正準備去圖書館時,發現圖書證昨晚掉了。 吃個早餐高高興興的去圖書館的路上碰見了一個猥瑣男,簡直有病,就是故...
    淤青與后來閱讀 215評論 1 0