1. 程式人生 > >Cocos2d-x能夠實現的動畫效果

Cocos2d-x能夠實現的動畫效果

動作(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


過渡(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能夠實現動畫效果

動作(Actions)move移動:moveto/moveby 從一個位置移動到另外一個位置 從一個位置移動多少數量級rotate旋轉:rotateto/rotateby 從一個角度旋轉到另外一個角度 旋轉多少個數量級scale縮放:scaleto/scaleby 放大縮小

Cocos2d-x可以實現動畫效果

動畫效果 ace 所在 nsh ans self 翻頁 led face 動作(Actions)move移動:moveto/moveby 從一個位置移動到另外一個位

cocos2d-x實現不規則按鈕的點選效果

先說一點,這是從別人那裡扒來的,親測有效覺得不錯,分享一下: 原理很簡單,就是判斷按鈕圖片的點選區域 畫素點透明度是不是0,需要修改原始碼; 我拿cocos2dx 3.10的版本(xcode環境)舉例: 第一步,新建一個cocos專案,找到cocos的原始碼中的Widge

CSS3實現動畫效果常用方法

指定 afa 運動 css過渡 none reserve 更改 事件 keyframes 早期在web中要實現動畫效果,都是依賴於JavaScript或flash來完成,但在CSS3中新增加了一個新的模塊transition,它可以通過一些簡單的css事件來觸發元素的外觀變

two.js之實現動畫效果

矢量圖 bsp 面向 tex get yellow text city ctype 一、什麽是two.js? Two.js 是面向現代 Web 瀏覽器的一個二維繪圖 API。Two.js 可以用於多個場合:SVG,Canvas 和 WebGL,旨在使平面形狀和動畫的創建更方

angular2 如何使用animate實現動畫效果

mail AC 創建 ati col cap htm mark scss 首先要在Component裏引入對應的組件: immport { trigger, state, style, animate, transition } from "@angular/animati

教你如何在網頁上用利用H5快速實現動畫效果

meta ole adding play tor margin time 方式 scrip 在web開發中,GIF動畫效果是隨處可見,比如常見的loading加載、人物奔跑的gif圖片等等,那麽這些都是怎麽實現的呢?其實實現的原理很簡單,簡而言之,這些所謂的動畫都是一幀一幀

jquery 實現動畫效果(各種方法)

asc func 綜合 oat 代碼 jquer 一秒 遞歸 pan 1.show()和hide()和toggle()(這是show和hide的一個綜合,一個按鈕就實現顯示和隱藏) 效果: 代碼: <button type="button" class="show"

winform 實現動畫效果

網頁中我們藉助jquery等框架可以實現很炫的動畫效果,故想在winform中也實現同樣的效果之一:滑入效果。 藉助這個類即可: public static class Animation     {         private static readonly int

res-----不同圖片實現動畫效果(幀動畫

1、準備幾張圖片(可命名為a1-a6) 2、在drawable資料夾下新建xml,內容如下 <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.androi

Cocos2d-x中替換動畫(Armature)中的節點與粒子

     Cocos2d-x遊戲開發中常用到骨骼動畫Armature,Armature不僅佔用資源不大(相對於幀動畫來說),而且還能新增幀事件,它還自帶有動畫的播放、停止、迴圈事件等。      廢話少說,直入主題。拿到一個骨骼動畫的時候,我們往往會有這樣的需求:在情況A

css3 實現動畫效果,怎樣使他無限迴圈動下去?

<pre name="code" class="css">主要需要使用 -webkit-animation 如: -webkit-animation:gogogo 2s infinite linear ; 其中gogogo是自己定義的動畫幀,2s是整個動畫的

css怎麼讓div動起來,實現動畫效果一直在動

<!DOCTYPE html> <html> <head> <style> div { width:100px; height:100px; background:red; position:relative; anim

cocos2d-x如何實現複製貼上的簡單設想

A: 想做一個 cocos2dx 上長按螢幕複製文字的功能,大家有實現嗎,可否給個思路? sonikk: 計算每個字在螢幕上的寬高解析度,然後再螢幕上計算好文字的座標和區域,使用繪圖api進行繪圖,繪製透明區域包含選中的文字,註冊touch事件取按下和擡起的座標,自動計算

Quick-cocos2d-x播放幀動畫

本文介紹Quick幀動畫執行步驟,C++專案和幀動畫原理請參考: http://blog.csdn.net/ellis1970/article/details/79124686 和C++專案相比,Quick播放幀動畫有些限制條件:無法以離散的圖片檔案播放幀動畫,只支援pli

Fragment 實現動畫效果

利用fragment transaction進行切換,很方便提供切換的效果。 利用setTransition() 通過setTransition()我們可以設定有限幾個切換效果,程式碼如下:     protected void addFragmentToStack

cocos2d-x如何實現plist圖集檔案的呼叫

首先說說我們的普通的生成精靈的方式: CCSprite *mSprite = CCSprite::create(“name.png”); mSprite->setPosition(ccp(PositionX.PositionY)); this->addChild(mSprite,層級,標籤);

cocos2d-x 3.0 動畫與觸控事件總結

動畫與觸控 動畫 動畫分為兩部分  animation   與 animate   將動畫類比為連環畫,則 animation相當於造書的過程而 animate則為快速翻書的動作通常會再新增一個repeateForever的動作,確保動畫一直繼續下去 1️⃣animatio

cocos2d-x 切換骨骼動畫時殘影問題

最近在做的一個專案,NPC的動畫是用Spine來做的。遊戲中隨著不同的狀態變化,會導致NPC在“待機”、“準備進攻”、“進攻“、”眩暈“、”死亡“等等多種狀態之間來回切換,NPC每切換一種狀態,隨之就要立刻播放該狀態對應的動畫。 遊戲中播放spine動畫是用Skele

如何在網頁上用H5實現動畫效果

在web開發中,GIF動畫效果是隨處可見,比如常見的loading載入、人物奔跑的gif圖片等等,那麼這些都是怎麼實現的呢?其實實現的原理很簡單,簡而言之,這些所謂的動畫都是一幀一幀的圖片經過一段時間的間隔做出位移而來的;譬如,我們在PS裡面製作GIF動畫,首先要把每一幀所需