demibug

本章我們將深入了解精靈（Sprite）。我們可以通過很多方式用單個文件或者紋理貼圖集（Texture Atlases）來生成精靈。我也會在本章介紹如何創建和播放精靈動畫。

  紋理貼圖集是一張包含很多圖片的紋理貼圖（圖片），通常用于存放單個角色動畫的所有動畫幀。不過它的作用不止于此。實際上你可以把任何圖片放進同一張紋理貼圖中。我們的目的是把盡可能多的圖片放進同一張紋理貼圖中，以達到節省空間的目的。 我主要用TexturePackerGUI來生成紋理貼圖集 

下載地址：TexturePackerGUI  

CCSpriteBatchNode

  每次系統在屏幕上渲染一張貼圖時，圖形處理硬件必須首先準備渲染，然后渲染圖形，最后在完成渲染以后進行清理。上述過程是每一次在啟動渲染和結束渲染之間存在的固定系統開銷。如果圖形處理硬件知道你需要使用同一張紋理貼圖渲染一組精靈的話，圖形處理硬件將只需要為這一組精靈執行一次準備,渲染，最后清理的過程了。

把使用同一張紋理貼圖的一組CCSprite節點添加到同一個CCSpriteBatchNode里，比逐個渲染CCSprite要高效很多。

以下是生成CCSprite的常用代碼：

CCSprite *sprite=CCSprite::create("sprite.png");  
this->addChild(sprite); 

當然，向CCSpriteBatchNode添加一個CCSprite節點不會有任何效率上的提高。

接下來，我把許多使用同一張紋理貼圖的精靈節點添加到了同一個CCSpriteBatchNode里

CCSpriteBatchNode *node=CCSpriteBatchNode::create("s1.png"); 
        this->addChild(node); 
 
        for(int i=0;i<100;i++){ 
            CCSprite *sprite=CCSprite::create("s1.png"); 
            node->addChild(sprite); 
        } 

  CCSpriteBatchNode的作用很像CCLayer，因為它本身并不顯示在屏幕上。不過你只能把CCSprite加入CCSpriteBatchNode。CSpriteBatchNode將一個圖片文件名作為參數，使用這個參數的原因是所有被添加進CCSpriteBatchNode的CCSprite節點都必須使用同一個圖片文件。如果你沒有在CCSprite中使用相同的圖片，你將會在調試窗口中得到報錯信息。

----------------------------------------------------

 什么時候應該使用CCSpriteBatchNode?

  你可以把CCSpriteBatchNode看成CCLayer，唯一的區別是：CCSpriteBatchNode只接受使用同一張紋理貼圖的CCSprite節點。有了這樣的認識以后，我相信你會發現很多可以用到CCSpriteBatchNode的地方。

不使用CCSpriteBatchNode運行精靈動畫

不使用紋理貼圖集將動畫添加到Ship類中需要不少的代碼

bool MainScene::init() { 
    bool bRet = false; 
    do { 
//      1. 生成一個CCArray數組。 
//      2. 循環處理每一個動畫幀： 
//          a. 為每一個圖片生成一個CCTexture2D節點 
//          b. 利用CCTexture2D節點生成一個CCSpriteFrame 
//          c. 把生成的CCSpriteFrame添加到CCArray中 
//      3. 利用CCArray中的動畫幀生成一個CCAnimation節點 
//      4. （可選）把CCAnimation添加到一個CCSprite中 
//      5. 使用CCAnimate動作播放動畫 
 
        CCSprite *pSprite = CCSprite::create("q0.png"); 
        this->addChild(pSprite); 
        pSprite->setPosition(CCPointMake(100,100)); 
 
        CCArray *array = CCArray::createWithCapacity(5); 
        for (int i = 0; i < 5; i++) { 
            CCString *filename = CCString::createWithFormat("q%i.png", i); 
            CCTexture2D *tt2d = CCTextureCache::sharedTextureCache()->addImage( 
                    filename->getCString()); 
 
            CCSize size = tt2d->getContentSize(); 
            CCLog("size.width=%f,size.height=%f",size.width,size.height); 
            CCRect rect = CCRectMake(0,0,size.width,size.height); 
 
            CCSpriteFrame *frame = CCSpriteFrame::createWithTexture(tt2d, rect); 
            array->addObject(frame); 
        } 
        CCAnimation *tion = CCAnimation::createWithSpriteFrames(array, 0.08f); 
        CCAnimate *mate = CCAnimate::create(tion); 
        CCRepeatForever *repeat = CCRepeatForever::create(mate); 
        pSprite->runAction(repeat); 
 
        bRet = true; 
    } while (0); 
    return bRet; 
} 

 代碼沒啥好講解的  邏輯順序都在注釋中寫出

在cocos2d中使用紋理貼圖集

bool MainScene::init() { 
    bool bRet = false; 
    do { 
 
        CCSprite *pSprite = CCSprite::create(); 
        this->addChild(pSprite); 
        pSprite->setPosition(CCPointMake(100,100)); 
 
        // 加載紋理貼圖集的精靈幀（sprite frame）；同時加載相同名字的貼圖 
        CCSpriteFrameCache *framecache = 
                CCSpriteFrameCache::sharedSpriteFrameCache(); 
        framecache->addSpriteFramesWithFile("anim.plist"); 
 
        framecache->spriteFrameByName("q0.png"); 
        CCArray *array=CCArray::createWithCapacity(5); 
        // 加載飛船的動畫幀 
        for (int i = 0; i < 5; i++) { 
            CCString *string = CCString::createWithFormat("q%i.png", i); 
            CCSpriteFrame *spriteframe=framecache->spriteFrameByName(string->getCString()); 
            array->addObject(spriteframe); 
        } 
        // 使用所有生成的精靈動畫幀創建一個動畫對象 
        CCAnimation *tion=CCAnimation::createWithSpriteFrames(array,0.5f); 
        // 通過使用CCAnimate動作播放動畫 
        CCAnimate *mate=CCAnimate::create(tion); 
        CCRepeatForever *repeat=CCRepeatForever::create(mate); 
        pSprite->runAction(repeat); 
        bRet = true; 
 
    } while (0); 
    return bRet; 
} 

  因為cocos2d會自動生成所有圖片的緩存，所以你需要一個方法來卸載不再需要的貼圖內存。大多數情況下，你可以依賴cocos2d來幫你卸載：

CCSpriteFrameCache::sharedSpriteFrameCache()->removeUnusedSpriteFrames(); 
CCTextureCache::sharedTextureCache()->removeUnusedTextures(); 

如果你想在加載新場景之前完全刪除所有內存中的貼圖，你應該使用以下方法

1. CCSpriteFrameCache::purgeSharedSpriteFrameCache(); 
2. CCTextureCache::purgeSharedTextureCache();