基礎原理

Cocos2d-x中，動畫的具體內容是依靠精靈顯示出來的，為了顯示動態圖片，我們需要不停切換精靈顯示的內容，通過把靜態的精靈變為動畫播放器從而實現動畫效果。動畫由幀組成，每一幀都是一個紋理，我們可以使用一個紋理序列來建立動畫。

我們使用Animation類描述一個動畫，而精靈顯示動畫的動作則是一個Animate物件。動畫動作Animate是精靈顯示動畫的動作，它由一個動畫物件建立，並由精靈執行。

建立方法：手動新增序列幀到Animation類，使用檔案初始化Animation類。

手動新增

手動新增的方法需要將每一幀要顯示的精靈有序新增到Animation類中，並設定每幀的播放時間，讓動畫能夠勻速播放。另外，還要通過setRestoreOriginalFrame來設定是否在動畫播放結束後恢復到第一幀。建立好Animation例項後，需要建立一個Animate例項來播放序列幀動畫。

auto animation = Animation::create();
    for( int i=1;i<15;i++)
    {
        char szName[100] = {0};
        sprintf(szName, "Images/grossini_dance_%02d.png", i);
        animation->addSpriteFrameWithFile(szName);
    }
    // should last 2.8 seconds. And there are 14 frames.
    animation->setDelayPerUnit(2.8f
 
 / 14.0f);
    animation->setRestoreOriginalFrame(true);

    auto action = Animate::create(animation);
    _grossini->runAction(Sequence::create(action, action->reverse(), NULL));
addSpriteFrame，新增精靈幀到Animation例項
setDelayUnits，設定每一幀持續時間，以秒為單位
setRestoreOriginalFrame，設定是否在動畫播放結束後恢復到第一幀
clone，克隆一個該Animation例項
 

檔案新增

首先我們來了解下需要用到的AnimationCache類。AnimationCache可以載入xml/plist檔案，plist檔案裡儲存了組成動畫的相關資訊，通過該類獲取到plist檔案裡的動畫。
在使用AnimationCache類時會用到以下幾個介面：

addAnimationsWithFile，新增動畫檔案到快取，plist檔案
getAnimation，從快取中獲取動畫物件
getInstance，獲取動畫快取例項物件

使用檔案新增的方法只需將建立好的plist檔案新增到動畫快取裡面，plist檔案裡包含了序列幀的相關資訊。再用動畫快取初始化Animation例項，用Animate例項來播放序列幀動畫。

auto cache = AnimationCache::getInstance();
    cache->addAnimationsWithFile("animations/animations-2.plist");
    auto animation2 = cache->getAnimation("dance_1");

    auto action2 = Animate::create(animation2);
    _tamara->runAction(Sequence::create(action2, action2->reverse(), NULL));
3.0開始，Cocos2d-x使用getInstance來獲取單例例項。

動畫快取

通常情況下，對於一個精靈動畫，每次建立時都需要載入精靈幀，按順序新增到陣列，再建立對應動作類，這是一個非常煩瑣的計算過程。對於使用頻率高的動畫，比如走路動畫，將其加入快取可以有效降低每次建立的巨大消耗。由於這個類的目的和快取內容都非常簡單直接，所以其介面也是最簡單了的，如下所示：
static AnimationCache* getInstance()，全域性共享的單例
void addAnimation(Animation *animation, const std::string& name)，新增一個動畫到快取
void addAnimationsWithFile(const std::string& plist)，新增動畫檔案到快取
void removeAnimation(const std::string& name)，移除一個指定的動畫
Animation* getAnimation(const std::string& name)，獲得事先存入的動畫

在記憶體警告時我們應該加入如下的清理快取操作：

void releaseCaches()

{

    AnimationCache::destroyInstance();

    SpriteFrameCache::getInstance()->removeUnusedSpriteFrames();

    TextureCache::getInstance()->removeUnuserdTextures();
}

值得注意的是清理的順序，我們推薦先清理動畫快取，然後清理精靈幀快取，最後是紋理快取。按照引用層級由高到低，以保證釋放引用有效。不然的話會丟失地址，無法繼續索引。