禮盒抖動動畫(CocosCreator)

2021-09-24 20:05:49 字數 1887 閱讀 1310

推薦閱讀:

移動方法:

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 動畫實現 ...