【Cocos2D-X 游戏引擎】初窥门径（1） 制作一个动态的精灵

为什么80%的码农都做不了架构师？>>>   

原理：

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

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

AppDelegate.cpp

[cpp] view plaincopy

<EMBED id=ZeroClipboardMovie_1 height=18 name=ZeroClipboardMovie_1 type=application/x-shockwave-flash align=middle pluginspage=http://www.macromedia.com/go/getflashplayer width=18 src=http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf wmode="transparent" flashvars="id=1&width=18&height=18" allowfullscreen="false" allowscriptaccess="always" bgcolor="#ffffff" quality="best" menu="false" loop="false">

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 plaincopy

<EMBED id=ZeroClipboardMovie_2 height=18 name=ZeroClipboardMovie_2 type=application/x-shockwave-flash align=middle pluginspage=http://www.macromedia.com/go/getflashplayer width=18 src=http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf wmode="transparent" flashvars="id=2&width=18&height=18" allowfullscreen="false" allowscriptaccess="always" bgcolor="#ffffff" quality="best" menu="false" loop="false">

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 plaincopy

<EMBED id=ZeroClipboardMovie_3 height=18 name=ZeroClipboardMovie_3 type=application/x-shockwave-flash align=middle pluginspage=http://www.macromedia.com/go/getflashplayer width=18 src=http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf wmode="transparent" flashvars="id=3&width=18&height=18" allowfullscreen="false" allowscriptaccess="always" bgcolor="#ffffff" quality="best" menu="false" loop="false">

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 plaincopy

<EMBED id=ZeroClipboardMovie_4 height=18 name=ZeroClipboardMovie_4 type=application/x-shockwave-flash align=middle pluginspage=http://www.macromedia.com/go/getflashplayer width=18 src=http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf wmode="transparent" flashvars="id=4&width=18&height=18" allowfullscreen="false" allowscriptaccess="always" bgcolor="#ffffff" quality="best" menu="false" loop="false">

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. };  

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

转载于:https://my.oschina.net/u/1777508/blog/487326