禮盒抖動動畫(CocosCreator)

2022-03-19 05:26:09 字數 1292 閱讀 8504

推薦閱讀:

移動方法:

cc.moveto(duration: number, position: number | cc.vec2, y?: number)
順序執行某些動作

cc.sequence(actionoractionarray: cc.finitetimeaction | cc.finitetimeaction, ...temparray: cc.finitetimeaction)
重複某動作

cc.sequence(actionoractionarray: cc.finitetimeaction | cc.finitetimeaction, ...temparray: cc.finitetimeaction)
實現過程

首先我們需要將節點的起始位置儲存,以便動畫停止後回到初始位置

this.x[idx]= this.gift[idx].x;

this.x[i]dx= this.gift[idx].y;

然後宣告乙個變數,用於全域性控制偏移量

let offset = 5;
接下來便是動畫的實現

let offset = 5;

self.giftanim[idx] = cc.repeatforever(

cc.sequence(

cc.moveto(0.18, cc.v2(x + (1 + offset), y + (offset + 1))),

cc.moveto(0.18, cc.v2(x + (1 + offset), y - (1 + offset))),

cc.moveto(0.18, cc.v2(x - (1 + offset), y + (offset + 1))),

cc.moveto(0.18, cc.v2(x - (1 + offset), y - (1 + offset))),

cc.moveto(0.18, cc.v2(x + (0 + offset), y + (offset + 0)))))

this.gift[idx].runaction(self.giftanim[idx]);

//累計簽到禮盒上下動畫

giftanim(idx) ,

stopgiftanim(idx) ,

禮盒抖動動畫(CocosCreator)

推薦閱讀 移動方法 cc.moveto duration number,position number cc.vec2,y?number 順序執行某些動作 cc.sequence actionoractionarray cc.finitetimeaction cc.finitetimeaction,...

iOS左右抖動動畫

1,建立核心動畫 cakeyframeanimation keyanima cakeyframeanimation animation 2,告訴系統執行什麼動畫。keyanima keypath transform.rotation keyanima values m pi 4 90.0 5 m p...

iOS 模仿系統的抖動動畫

模仿系統的抖動動畫,主要用的是cakeyframeanimation 見之前篇博文 和nstimer,不多說直接上 define degreestoradians x m pi x 180.0 左右搖擺的角度 define radius 3.0f define shaketime 0.5 動畫實現 ...