Cocos2d-x開發實例介紹幀動畫使用

下面咱們經過一個實例介紹一下幀動畫的使用，這個實例以下圖所示，點擊Go按鈕開始播放動畫，這時候播放按鈕標題變爲Stop，點擊Stop按鈕能夠中止播放動畫。

 

下面咱們再看看具體的程序代碼，首先看一下看HelloWorldScene.h文件，它的代碼以下：

 

[html] view plaincopy

 

1. #ifndef __HELLOWORLD_SCENE_H__  

2. #define __HELLOWORLD_SCENE_H__  

3.    

4. #include "cocos2d.h"  

5.    

6. class HelloWorld : public cocos2d::Layer  

7. {  

8.          bool isPlaying; //播放標識                                                                                                  ①  

9.    cocos2d::Sprite* sprite;                                                                                                        ②  

10. public:  

11.    

12.    static cocos2d::Scene* createScene();  

13.    virtual bool init();   

14.      

15.     voidOnAction(cocos2d::Ref* pSender);                                                                                       ③  

16.      

17.    CREATE_FUNC(HelloWorld);  

18.    

19. };  

20.    

21. #endif // __HELLOWORLD_SCENE_H__  

 

 

第①行代碼是聲明一個布爾變量isPlaying，用來保存播放狀態，true時候說明正在播放，false時候說明中止播放。第②行代碼cocos2d::Sprite*sprite是聲明一個精靈變量。第③行聲明瞭一個函數，用來在選擇不一樣菜單時候的回調。

 

[html] view plaincopy

 

1. HelloWorldScene的實現代碼HelloWorldScene.ccp文件，其中HelloWorld::init()函數代碼以下：  

2. bool HelloWorld::init()  

3. {  

4.     if( !Layer::init() )  

5.     {  

6.          returnfalse;  

7.     }  

8.    

9.     SizevisibleSize = Director::getInstance()->getVisibleSize();  

10.     Pointorigin = Director::getInstance()->getVisibleOrigin();  

11.    

12.     SpriteFrameCache::getInstance()->addSpriteFramesWithFile("run.plist");  

13.    

14.     autobackground = Sprite::createWithSpriteFrameName("background.png");  

15.     background->setAnchorPoint(Point::ZERO);  

16.     this->addChild(background,0);  

17.    

18.     sprite= Sprite::createWithSpriteFrameName("h1.png");  

19.     sprite->setPosition(Point(visibleSize.width/2,visibleSize.height /2));  

20.     this->addChild(sprite);  

21.    

22.     isPlaying= false;  

23.      

24.          //toggle菜單  

25.     autogoSprite = Sprite::createWithSpriteFrameName("go.png");                                                 ①  

26.     autostopSprite = Sprite::createWithSpriteFrameName("stop.png");                                           ②  

27.     autogoToggleMenuItem = MenuItemSprite::create(goSprite, goSprite);                                    ③  

28.  auto stopToggleMenuItem = MenuItemSprite::create(stopSprite,stopSprite);                            ④  

29.  auto toggleMenuItem = MenuItemToggle::createWithCallback(  

30.                     CC_CALLBACK_1(HelloWorld::OnAction,this),  

31.                           goToggleMenuItem , stopToggleMenuItem, NULL);                                             ⑤  

32.     toggleMenuItem->setPosition(Director::getInstance()->convertToGL(Point(930,540)));                   ⑥  

33.    auto mn = Menu::create(toggleMenuItem, NULL);  

34.    mn->setPosition(Point::ZERO);  

35.    this->addChild(mn);  

36.    

37.     returntrue;  

38. }  

 

 

上述代碼第①行是建立Go按鈕精靈，對應的第③行代碼是建立Go按鈕（菜單項）。代碼第②行是建立Stop按鈕精靈，對應的第④行代碼是建立Stop按鈕（菜單項）。在第⑤行代碼是建立Go和Stop是兩種狀態切換的開關菜單項。第⑥行代碼是設置開關菜單項的位置。

HelloWorldScene的實現代碼HelloWorldScene.ccp文件，其中HelloWorld::OnAction(Ref*pSender)函數代碼以下：

 

[html] view plaincopy

 

1. void HelloWorld::OnAction(Ref* pSender)  

2. {  

3.      

4.     if(!isPlaying) {  

5.    

6.          ///////////////動畫開始//////////////////////  

7.          Animation*animation = Animation::create();                                                                    ①  

8.          for(int i=1; i<= 4; i++)  

9.          {  

10.              __String*frameName = __String::createWithFormat("h%d.png",i);                                    ②  

11.              log("frameName= %s",frameName->getCString());  

12.              SpriteFrame*spriteFrame = SpriteFrameCache::getInstance()->  

13.                                        getSpriteFrameByName(frameName->getCString());                                  ③  

14.              animation->addSpriteFrame(spriteFrame);                                                                           ④  

15.          }  

16.    

17.          animation->setDelayPerUnit(0.15f);           //設置兩個幀播放時間                             ⑤  

18.          animation->setRestoreOriginalFrame(true);    //動畫執行後還原初始狀態                   ⑥  

19.    

20.          Animate*action = Animate::create(animation);                                                                          ⑦  

21.          sprite->runAction(RepeatForever::create(action));                                                         ⑧  

22.          //////////////////動畫結束///////////////////  

23.    

24.          isPlaying= true;  

25.    

26.     }else {         

27.          sprite->stopAllActions();                                                                                               ⑨  

28.          isPlaying= false;  

29.     }  

30. }  

 

 

上述第①行代碼是建立一個Animation對象，它是動畫對象，而後咱們要經過循環將各個幀圖片放到Animation對象中。第②行是得到幀圖片的文件名，String類型是Cocos2d-x字符串數據類型。第③行代碼是經過幀名建立精靈幀對象，第④行代碼把精靈幀對象添加到Animation對象中。

第⑤行代碼是animation->setDelayPerUnit(0.15f)是設置兩個幀播放時間，咱們這個動畫播放是4幀。第⑥行代碼animation->setRestoreOriginalFrame(true)是動畫執行完成是否還原到初始狀態。第⑦行代碼是經過一個Animation對象建立Animate對象，第⑧行代碼sprite->runAction(RepeatForever::create(action))是執行動畫動做，無限循環方式。

第⑨行代碼sprite->stopAllActions()中止全部的動做。

 

 

更多內容請關注Cocos2d-x系列圖書《Cocos2d-x實戰（卷Ⅰ）：C++開發》

本書交流討論網站：http://www.cocoagame.net

歡迎加入cocos2d-x技術討論羣：25776038六、327403678