Cocos2d-x：制作一个动态的精灵

转载自：http://blog.csdn.net/Vestigge

原理：

Cocos2D中有个导演控制整个游戏流程，导演将场景添加到屏幕上，场景中有各种各样的演员。

先通过显示一张图片来看看Cocos2D游戏的流程：

AppDelegate.cpp

[cpp]  view plain copy

1. bool AppDelegate::applicationDidFinishLaunching()  
2. {  
3.     // 初始化导演  
4.     CCDirector *pDirector = CCDirector::sharedDirector();  
5.     pDirector->setOpenGLView(CCEGLView::sharedOpenGLView());  
6.   
7.     // 打开FPS  
8.     pDirector->setDisplayStats(true);  
9.   
10.     // 设置FPS the default value is 1.0/60 if you don't call this  
11.     pDirector->setAnimationInterval(1.0 / 60);  
12.   
13.     // 创建一个场景  
14.     CCScene *pScene = GameScence::scene();  
15.   
16.     // 运行此场景  
17.     pDirector->runWithScene(pScene);  
18.     return true;  
19. }  

上边的代码添加了一个场景GameScence，下面看看具体实现：

GameScence.h

[cpp]  view plain copy

1. #include "cocos2d.h"  
2. #include "Box2D/Box2D.h"  
3.   
4. class GameScence : public cocos2d::CCLayer  
5. {  
6. public :  
7.     bool init();  
8.     //必须重写scene()  
9.     static cocos2d::CCScene* scene();  
10.     //相当于create函数，是重写了CCLayer里的create函数  
11.     CREATE_FUNC(GameScence);  
12. };  

GameScence.cpp

[cpp]  view plain copy

1. #include "GameScene.h"  
2.   
3. using namespace cocos2d;  
4.   
5. CCScene* GameScence::scene()  
6. {  
7.     CCScene * scene = NULL;  
8.     do  
9.     {  
10.         scene=CCScene::create();  
11.   
12.         GameScence* gameScene=GameScence::create();  
13.         scene->addChild(gameScene);  
14.     }while(0);  
15.   
16.     return scene;  
17. };  
18.   
19. bool GameScence::init()  
20. {  
21.     bool bRet = false;  
22.     do  
23.     {  
24.         //从图片创建一个精灵  
25.         CCSprite* pSprite = CCSprite::create("bg.png");  
26.         //获取屏幕大小  
27.         CCSize size = CCDirector::sharedDirector()->getWinSize();  
28.         // 设置精灵在场景中的位置，坐标从左下角0,0  
29.         pSprite->setPosition(ccp(size.width/2, size.height/2));  
30.         // 添加精灵到场景中  
31.         this->addChild(pSprite, 0);  
32.     }while(0);  
33.   
34.     bRet=true;  
35.   
36.     return bRet;  
37. };  

代码中有注释，就不在重复叙述了，

下面是效果图：

怎么让其显示一个动态的精灵呢，下面是修改后的init()

[cpp]  view plain copy

1. bool GameScene::init()  
2. {  
3.     bool bRet = false;  
4.     do  
5.     {  
6.         CCSprite* pMap = CCSprite::create("bg.png");  
7.         CCSize size = CCDirector::sharedDirector()->getWinSize();  
8.         pMap->setPosition(ccp(size.width/2, size.height/2));  
9.         this->addChild(pMap, 0);  
10.   
11.         CCSprite* sprite ;  
12.         CCArray* pSpriteArray=CCArray::createWithCapacity(4);  
13.         for(int i=0;i<4;i++)  
14.         {  
15.             //截取frame  
16.             CCSpriteFrame* pFrame =CCSpriteFrame::create("role.png",CCRectMake(i*82,62*2,82,62));  
17.             pSpriteArray->addObject(pFrame);  
18.   
19.             //将精灵添加到场景，默认第一帧图片  
20.             if(i==0){  
21.                 sprite= CCSprite::createWithSpriteFrame(pFrame);  
22.                 sprite->setPosition(ccp(200,100));  
23.                 addChild(sprite);  
24.             }  
25.         }  
26.         //从array创建动画  
27.         CCAnimation *splitAnimation=CCAnimation::createWithSpriteFrames(pSpriteArray,0.1f);  
28.         sprite->runAction(CCRepeatForever::create(CCAnimate::create(splitAnimation)));  
29.   
30.     }while(0);  
31.   
32.     bRet=true;  
33.   
34.     return bRet;  
35. };  

制作动态的图片麻烦，就直接贴图了：