【cocos2d-x】深入了解CCSprite

本章我们将深入了解精灵（Sprite）。我们可以通过很多方式用单个文件或者纹理贴图集（Texture Atlases）来生成精灵。我也会在本章介绍如何创建和播放精灵动画。

  纹理贴图集是一张包含很多图片的纹理贴图（图片），通常用于存放单个角色动画的所有动画帧。不过它的作用不止于此。实际上你可以把任何图片放进同一张纹理贴图中。我们的目的是把尽可能多的图片放进同一张纹理贴图中，以达到节省空间的目的。 我主要用TexturePackerGUI来生成纹理贴图集 

下载地址：TexturePackerGUI  

CCSpriteBatchNode

  每次系统在屏幕上渲染一张贴图时，图形处理硬件必须首先准备渲染，然后渲染图形，最后在完成渲染以后进行清理。上述过程是每一次在启动渲染和结束渲染之间存在的固定系统开销。如果图形处理硬件知道你需要使用同一张纹理贴图渲染一组精灵的话，图形处理硬件将只需要为这一组精灵执行一次准备,渲染，最后清理的过程了。

把使用同一张纹理贴图的一组CCSprite节点添加到同一个CCSpriteBatchNode里，比逐个渲染CCSprite要高效很多。

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

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

当然，向CCSpriteBatchNode添加一个CCSprite节点不会有任何效率上的提高。

接下来，我把许多使用同一张纹理贴图的精灵节点添加到了同一个CCSpriteBatchNode里

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

  CCSpriteBatchNode的作用很像CCLayer，因为它本身并不显示在屏幕上。不过你只能把CCSprite加入CCSpriteBatchNode。CSpriteBatchNode将一个图片文件名作为参数，使用这个参数的原因是所有被添加进CCSpriteBatchNode的CCSprite节点都必须使用同一个图片文件。如果你没有在CCSprite中使用相同的图片，你将会在调试窗口中得到报错信息。

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

 什么时候应该使用CCSpriteBatchNode?

  你可以把CCSpriteBatchNode看成CCLayer，唯一的区别是：CCSpriteBatchNode只接受使用同一张纹理贴图的CCSprite节点。有了这样的认识以后，我相信你会发现很多可以用到CCSpriteBatchNode的地方。

不使用CCSpriteBatchNode运行精灵动画

不使用纹理贴图集将动画添加到Ship类中需要不少的代码

1. bool MainScene::init() { 
2.     bool bRet = false; 
3.     do { 
4. //      1. 生成一个CCArray数组。 
5. //      2. 循环处理每一个动画帧： 
6. //          a. 为每一个图片生成一个CCTexture2D节点 
7. //          b. 利用CCTexture2D节点生成一个CCSpriteFrame 
8. //          c. 把生成的CCSpriteFrame添加到CCArray中 
9. //      3. 利用CCArray中的动画帧生成一个CCAnimation节点 
10. //      4. （可选）把CCAnimation添加到一个CCSprite中 
11. //      5. 使用CCAnimate动作播放动画 
12.  
13.         CCSprite *pSprite = CCSprite::create("q0.png"); 
14.         this->addChild(pSprite); 
15.         pSprite->setPosition(CCPointMake(100,100)); 
16.  
17.         CCArray *array = CCArray::createWithCapacity(5); 
18.         for (int i = 0; i < 5; i++) { 
19.             CCString *filename = CCString::createWithFormat("q%i.png", i); 
20.             CCTexture2D *tt2d = CCTextureCache::sharedTextureCache()->addImage( 
21.                     filename->getCString()); 
22.  
23.             CCSize size = tt2d->getContentSize(); 
24.             CCLog("size.width=%f,size.height=%f",size.width,size.height); 
25.             CCRect rect = CCRectMake(0,0,size.width,size.height); 
26.  
27.             CCSpriteFrame *frame = CCSpriteFrame::createWithTexture(tt2d, rect); 
28.             array->addObject(frame); 
29.         } 
30.         CCAnimation *tion = CCAnimation::createWithSpriteFrames(array, 0.08f); 
31.         CCAnimate *mate = CCAnimate::create(tion); 
32.         CCRepeatForever *repeat = CCRepeatForever::create(mate); 
33.         pSprite->runAction(repeat); 
34.  
35.         bRet = true; 
36.     } while (0); 
37.     return bRet; 
38. } 

 代码没啥好讲解的  逻辑顺序都在注释中写出

在cocos2d中使用纹理贴图集

1. bool MainScene::init() { 
2.     bool bRet = false; 
3.     do { 
4.  
5.         CCSprite *pSprite = CCSprite::create(); 
6.         this->addChild(pSprite); 
7.         pSprite->setPosition(CCPointMake(100,100)); 
8.  
9.         // 加载纹理贴图集的精灵帧（sprite frame）；同时加载相同名字的贴图 
10.         CCSpriteFrameCache *framecache = 
11.                 CCSpriteFrameCache::sharedSpriteFrameCache(); 
12.         framecache->addSpriteFramesWithFile("anim.plist"); 
13.  
14.         framecache->spriteFrameByName("q0.png"); 
15.         CCArray *array=CCArray::createWithCapacity(5); 
16.         // 加载飞船的动画帧 
17.         for (int i = 0; i < 5; i++) { 
18.             CCString *string = CCString::createWithFormat("q%i.png", i); 
19.             CCSpriteFrame *spriteframe=framecache->spriteFrameByName(string->getCString()); 
20.             array->addObject(spriteframe); 
21.         } 
22.         // 使用所有生成的精灵动画帧创建一个动画对象 
23.         CCAnimation *tion=CCAnimation::createWithSpriteFrames(array,0.5f); 
24.         // 通过使用CCAnimate动作播放动画 
25.         CCAnimate *mate=CCAnimate::create(tion); 
26.         CCRepeatForever *repeat=CCRepeatForever::create(mate); 
27.         pSprite->runAction(repeat); 
28.         bRet = true; 
29.  
30.     } while (0); 
31.     return bRet; 
32. } 

  因为cocos2d会自动生成所有图片的缓存，所以你需要一个方法来卸载不再需要的贴图内存。大多数情况下，你可以依赖cocos2d来帮你卸载：

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

如果你想在加载新场景之前完全删除所有内存中的贴图，你应该使用以下方法

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