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

時間 2019-11-05

標籤 cocos2d cocos 開發實例介紹動畫使用欄目 Cocos2d-x 简体版

原文原文鏈接

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

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

#ifndef __HELLOWORLD_SCENE_H__ 函數
#define __HELLOWORLD_SCENE_H__ 動畫
#include "cocos2d.h" 網站
class HelloWorld : public cocos2d::Layer this
{ spa
bool isPlaying; //播放標識 ① .net
cocos2d::Sprite* sprite; ② orm
public: htm
static cocos2d::Scene* createScene();
virtual bool init();
voidOnAction(cocos2d::Ref* pSender); ③
CREATE_FUNC(HelloWorld);
};
#endif // __HELLOWORLD_SCENE_H__

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

[html] view plain copy

HelloWorldScene的實現代碼HelloWorldScene.ccp文件，其中HelloWorld::init()函數代碼以下：
bool HelloWorld::init()
{
if( !Layer::init() )
{
returnfalse;
}
SizevisibleSize = Director::getInstance()->getVisibleSize();
Pointorigin = Director::getInstance()->getVisibleOrigin();
SpriteFrameCache::getInstance()->addSpriteFramesWithFile("run.plist");
autobackground = Sprite::createWithSpriteFrameName("background.png");
background->setAnchorPoint(Point::ZERO);
this->addChild(background,0);
sprite= Sprite::createWithSpriteFrameName("h1.png");
sprite->setPosition(Point(visibleSize.width/2,visibleSize.height /2));
this->addChild(sprite);
isPlaying= false;
//toggle菜單
autogoSprite = Sprite::createWithSpriteFrameName("go.png"); ①
autostopSprite = Sprite::createWithSpriteFrameName("stop.png"); ②
autogoToggleMenuItem = MenuItemSprite::create(goSprite, goSprite); ③
auto stopToggleMenuItem = MenuItemSprite::create(stopSprite,stopSprite); ④
auto toggleMenuItem = MenuItemToggle::createWithCallback(
CC_CALLBACK_1(HelloWorld::OnAction,this),
goToggleMenuItem , stopToggleMenuItem, NULL); ⑤
toggleMenuItem->setPosition(Director::getInstance()->convertToGL(Point(930,540))); ⑥
auto mn = Menu::create(toggleMenuItem, NULL);
mn->setPosition(Point::ZERO);
this->addChild(mn);
returntrue;
}

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

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

[html] view plain copy

void HelloWorld::OnAction(Ref* pSender)
{
if(!isPlaying) {
///////////////動畫開始//////////////////////
Animation*animation = Animation::create(); ①
for(int i=1; i<= 4; i++)
{
__String*frameName = __String::createWithFormat("h%d.png",i); ②
log("frameName= %s",frameName->getCString());
SpriteFrame*spriteFrame = SpriteFrameCache::getInstance()->
getSpriteFrameByName(frameName->getCString()); ③
animation->addSpriteFrame(spriteFrame); ④
}
animation->setDelayPerUnit(0.15f); //設置兩個幀播放時間 ⑤
animation->setRestoreOriginalFrame(true); //動畫執行後還原初始狀態 ⑥
Animate*action = Animate::create(animation); ⑦
sprite->runAction(RepeatForever::create(action)); ⑧
//////////////////動畫結束///////////////////
isPlaying= true;
}else {
sprite->stopAllActions(); ⑨
isPlaying= false;
}
}

上述第①行代碼是建立一個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