Cocos2d-x可以實現的動畫效果
阿新 • • 發佈：2018-02-13
動畫效果 ace 所在 nsh ans self 翻頁 led face
動作（Actions）
move移動：moveto/moveby 從一個位置移動到另外一個位置 從一個位置移動多少數量級
rotate旋轉：rotateto/rotateby 從一個角度旋轉到另外一個角度 旋轉多少個數量級
scale縮放：scaleto/scaleby 放大縮小到什麽程度
skew傾斜：skewto/skewby 傾斜到什麽程度
rotationalskew旋轉著傾斜:rotationalskewto/rotationalskewby 旋轉著傾斜
Skew+scale+rotate傾斜+縮放+旋轉
jump跳躍：jumpto/jumpby 跳躍到某個位置。或者以某個數量接跳躍
cardinalspline,catmullrom沿著某個路徑移動：沿著某個圖形移動。能夠是規則的圖形也能夠是不規則圖形
bezier兩個精靈重疊在一起一個在前面，一個在後面：bezierto/bezierby
blink一閃一閃的效果
fadein/fadeout淡入淡出效果
tint色彩：tintto/tintby 改變小精靈的色彩
animation動畫：讓小精靈呈現動態效果
sequence:move+rotate:移動加旋轉序列
sequence:move+rotate+scale+removeself:移動。旋轉，縮放，讓自己消失
spawn:jump+rotate:一邊跳一邊旋轉，向翻跟鬥一樣
reverse an action:運行一個動作相反的動作
delaytime延遲時間:move+delay+move移動+延遲一段時間+移動
repeat/repeatforever:反復運行或者永久反復運行動作
reverse a sequence:反向運行一個序列
orbit camera:軌道攝像機
pauseresumeactions:暫定和繼續actions
CCTransitionProgressInOut:一個場景以一個長方形的形式逐漸變大。然後顯示另外一個場景。
CCTransitionProgressOutIn:一個場景逐漸變小。直到消失，是通過一個大長方形到一個小長方形消失的。然後組件顯示第二個場景，先顯示的是第二個場景外圍的區域，然後再顯示第二個場景裏面區域。
CCTrasitionCrossFade:一個場景漸出，一個場景漸入
TransitionPageForward:向前翻頁效果
TransitionPageBackward:向後翻頁效果
CCTransitionFadeTR:第一個場景從左下角開始淡出一直到右上角，第二個場景從左下角開始淡入一直到右上角
CCTransitionFadeBL:第一個場景從右上角開始淡出一直到左下角，第二個場景從右上角開始淡入一直到左下角
CCTransitionFaceUp:第一個場景從底部開始淡出一直到頂部，第二個場景從底部開始淡入一直到頂部
CCTransitonFadeDown:第一個場景從頂部開始淡出一直究竟部，第二個場景從頂部開始淡入一直究竟部
CCTransitionTurnOffTiles:以隨機的順序關閉掉外出的場景的磚瓦
CCTransitionSplitRows:奇數行向左出。偶數行向右出
CCTransitionSplitCols:奇數行向下出，偶數行向上出
CCTransitionFade:出去的場景淡出。屏幕變黑。進來的場淡入
FadeWhileTransition:出去的場景淡出。屏幕變白，進來的場淡入
FlipXLeftOver:沿著X從左翻轉
FlipXRightOver:沿著X從右翻轉
FlipYUpOver:沿著Y從上，翻轉
FlipYDownOver:沿著Y從下翻轉
FlipAngularLeftOver:從某個角度在左邊翻轉場景
FlipAngularRightOver:從某個角度在右邊翻轉場景
FlipAngularUpOver:從某個角度在上邊翻轉場景
FlipAngularDownOver:從某個角度在下邊翻轉場景
ZoomFlipXLeftOver:沿著X從左翻轉。並且有放大縮小效果
ZoomFlipXRightOver:沿著X從右翻轉，並且有放大縮小效果
ZoomFlipYUpOver:沿著Y從上翻轉。並且有放大縮小效果
ZoomFlipYDownOver:沿著Y從下翻轉。並且有放大縮小效果
ZoomFlipAngularLeftOver:沿著某個角度從左翻轉，並且有放大縮小效果
ZoomFlipAngularRightOver:沿著某個角度從右翻轉。並且有放大縮小效果
CCTransitionShrinkGrow:縮小出去的場景，放大進來的場景
CCTransitionRoToRoom:一邊旋轉一邊縮放
CCTransitionMoveInL:從左邊進入
CCTransitinMoveInR:從右邊進入
CCTransitionMoveInT:從上邊進入
CCTransitionMoveInB:從下邊進入
CCTransitionSlideInL:從左邊滑動著進入，滑動的過程中把第一個場景推出去了
CCTransitionSlideInR:從右邊滑動進入
CCTransitionSlideInT:從上邊滑動進入
CCTransitionSlideInB:從下邊滑動進入
CCTransitionJumpZoom:跳動加縮放
進度動作(actionprogress)
參考ActionsProgressTest
SpriteProgressToRadial:精靈沿著徑向運行進度動畫
SpriteProgressToHorizontal:精靈沿著水平方向運行動畫
SpriteProgressToVertical:精靈沿著垂直方向運行動畫
SpriteProgressToRadialMidpointChanged:精靈沿著中點改變時的那個徑向運行進度動畫
SpriteProgressBarVarious：精靈運行進度條動畫時，精靈所在的那個條不斷變化
SpriteProgressBarTintAndFade：精靈運行進度條動畫時，顏色變化，並且有淡出效果
SpriteProgressWithSpriteFrame：並不不過精靈運行動畫，精靈所在的整個frame運行動畫效果，包含精靈所在的那個frame旁邊的填充
特效(effects)
TurnOffTiles: 以隨機的順序關閉tiles
WavesTiles3D:3D效果搖擺tiles
JumpTiles3D:3D效果tiles跳躍起來，這樣就能看到每一個tile以下的背景了
SplitRows:將整個場景分成若幹行。奇數行往左，偶數行往右
SplitCols:將整個場景分成若幹列。奇數列往下，偶數列往上
PageTurn3D:3D翻頁效果
Shaky3D:整個頁面震動效果
Waves3D:整個頁面波動效果
FlipX3D:3D水平方向翻轉效果
FlipY3D:垂直方向翻轉效果
Lens3D:3D棱鏡效果
Ripple3D:3D波紋效果
Liquid:液體晃動效果
Waves:波動效果
Twirl:轉動效果
ShakyTiles3D:tiles震動3D效果
ShatteredTiles3D:肢離破碎的tiles3D效果
ShuffleTiles:將全部的tiles混亂排列的效果
FadeOutTRTiles:tiles從左下角向右上角淡出
FadeOutBLTiles:tiles從右上角向左下角淡出
FadeOutUpTiles:tiles從下向上淡出
FadeOutDownTiles:tiles從上向下淡出
move移動：moveto/moveby 從一個位置移動到另外一個位置 從一個位置移動多少數量級
rotate旋轉：rotateto/rotateby 從一個角度旋轉到另外一個角度 旋轉多少個數量級
scale縮放：scaleto/scaleby 放大縮小到什麽程度
skew傾斜：skewto/skewby 傾斜到什麽程度
rotationalskew旋轉著傾斜:rotationalskewto/rotationalskewby 旋轉著傾斜
Skew+scale+rotate傾斜+縮放+旋轉
jump跳躍：jumpto/jumpby 跳躍到某個位置。或者以某個數量接跳躍
cardinalspline,catmullrom沿著某個路徑移動：沿著某個圖形移動。能夠是規則的圖形也能夠是不規則圖形
bezier兩個精靈重疊在一起一個在前面，一個在後面：bezierto/bezierby
blink一閃一閃的效果
fadein/fadeout淡入淡出效果
tint色彩：tintto/tintby 改變小精靈的色彩
animation動畫：讓小精靈呈現動態效果
sequence:move+rotate:移動加旋轉序列
sequence:move+rotate+scale+removeself:移動。旋轉，縮放，讓自己消失
spawn:jump+rotate:一邊跳一邊旋轉，向翻跟鬥一樣
reverse an action:運行一個動作相反的動作
delaytime延遲時間:move+delay+move移動+延遲一段時間+移動
repeat/repeatforever:反復運行或者永久反復運行動作
reverse a sequence:反向運行一個序列
orbit camera:軌道攝像機
pauseresumeactions:暫定和繼續actions
過渡(transitions)
所謂過渡也就是第一個場景怎樣過渡到第二個場景，能夠加入非常多效果。CCTransitionProgressInOut:一個場景以一個長方形的形式逐漸變大。然後顯示另外一個場景。
CCTransitionProgressOutIn:一個場景逐漸變小。直到消失，是通過一個大長方形到一個小長方形消失的。然後組件顯示第二個場景，先顯示的是第二個場景外圍的區域，然後再顯示第二個場景裏面區域。
CCTrasitionCrossFade:一個場景漸出，一個場景漸入
TransitionPageForward:向前翻頁效果
TransitionPageBackward:向後翻頁效果
CCTransitionFadeTR:第一個場景從左下角開始淡出一直到右上角，第二個場景從左下角開始淡入一直到右上角
CCTransitionFadeBL:第一個場景從右上角開始淡出一直到左下角，第二個場景從右上角開始淡入一直到左下角
CCTransitionFaceUp:第一個場景從底部開始淡出一直到頂部，第二個場景從底部開始淡入一直到頂部
CCTransitonFadeDown:第一個場景從頂部開始淡出一直究竟部，第二個場景從頂部開始淡入一直究竟部
CCTransitionTurnOffTiles:以隨機的順序關閉掉外出的場景的磚瓦
CCTransitionSplitRows:奇數行向左出。偶數行向右出
CCTransitionSplitCols:奇數行向下出，偶數行向上出
CCTransitionFade:出去的場景淡出。屏幕變黑。進來的場淡入
FadeWhileTransition:出去的場景淡出。屏幕變白，進來的場淡入
FlipXLeftOver:沿著X從左翻轉
FlipXRightOver:沿著X從右翻轉
FlipYUpOver:沿著Y從上，翻轉
FlipYDownOver:沿著Y從下翻轉
FlipAngularLeftOver:從某個角度在左邊翻轉場景
FlipAngularRightOver:從某個角度在右邊翻轉場景
FlipAngularUpOver:從某個角度在上邊翻轉場景
FlipAngularDownOver:從某個角度在下邊翻轉場景
ZoomFlipXLeftOver:沿著X從左翻轉。並且有放大縮小效果
ZoomFlipXRightOver:沿著X從右翻轉，並且有放大縮小效果
ZoomFlipYUpOver:沿著Y從上翻轉。並且有放大縮小效果
ZoomFlipYDownOver:沿著Y從下翻轉。並且有放大縮小效果
ZoomFlipAngularLeftOver:沿著某個角度從左翻轉，並且有放大縮小效果
ZoomFlipAngularRightOver:沿著某個角度從右翻轉。並且有放大縮小效果
CCTransitionShrinkGrow:縮小出去的場景，放大進來的場景
CCTransitionRoToRoom:一邊旋轉一邊縮放
CCTransitionMoveInL:從左邊進入
CCTransitinMoveInR:從右邊進入
CCTransitionMoveInT:從上邊進入
CCTransitionMoveInB:從下邊進入
CCTransitionSlideInL:從左邊滑動著進入，滑動的過程中把第一個場景推出去了
CCTransitionSlideInR:從右邊滑動進入
CCTransitionSlideInT:從上邊滑動進入
CCTransitionSlideInB:從下邊滑動進入
CCTransitionJumpZoom:跳動加縮放
進度動作(actionprogress)
參考ActionsProgressTest
SpriteProgressToRadial:精靈沿著徑向運行進度動畫
SpriteProgressToHorizontal:精靈沿著水平方向運行動畫
SpriteProgressToVertical:精靈沿著垂直方向運行動畫
SpriteProgressToRadialMidpointChanged:精靈沿著中點改變時的那個徑向運行進度動畫
SpriteProgressBarVarious：精靈運行進度條動畫時，精靈所在的那個條不斷變化
SpriteProgressBarTintAndFade：精靈運行進度條動畫時，顏色變化，並且有淡出效果
SpriteProgressWithSpriteFrame：並不不過精靈運行動畫，精靈所在的整個frame運行動畫效果，包含精靈所在的那個frame旁邊的填充
特效(effects)
TurnOffTiles: 以隨機的順序關閉tiles
WavesTiles3D:3D效果搖擺tiles
JumpTiles3D:3D效果tiles跳躍起來，這樣就能看到每一個tile以下的背景了
SplitRows:將整個場景分成若幹行。奇數行往左，偶數行往右
SplitCols:將整個場景分成若幹列。奇數列往下，偶數列往上
PageTurn3D:3D翻頁效果
Shaky3D:整個頁面震動效果
Waves3D:整個頁面波動效果
FlipX3D:3D水平方向翻轉效果
FlipY3D:垂直方向翻轉效果
Lens3D:3D棱鏡效果
Ripple3D:3D波紋效果
Liquid:液體晃動效果
Waves:波動效果
Twirl:轉動效果
ShakyTiles3D:tiles震動3D效果
ShatteredTiles3D:肢離破碎的tiles3D效果
ShuffleTiles:將全部的tiles混亂排列的效果
FadeOutTRTiles:tiles從左下角向右上角淡出
FadeOutBLTiles:tiles從右上角向左下角淡出
FadeOutUpTiles:tiles從下向上淡出
FadeOutDownTiles:tiles從上向下淡出
Cocos2d-x可以實現的動畫效果