原理：

Cocos2D中有個導演控制整個遊戲流程，導演將場景新增到螢幕上，場景中有各種各樣的演員。

先通過顯示一張圖片來看看Cocos2D遊戲的流程：

AppDelegate.cpp

bool AppDelegate::applicationDidFinishLaunching()
{
    // 初始化導演
    CCDirector *pDirector = CCDirector::sharedDirector();
    pDirector->setOpenGLView(CCEGLView::sharedOpenGLView());

    // 開啟FPS
    pDirector->setDisplayStats(true);

    // 設定FPS the default value is 1.0/60 if you don't call this
    pDirector->setAnimationInterval(1.0 / 60);

    // 建立一個場景
	CCScene *pScene = GameScence::scene();

    // 執行此場景
    pDirector->runWithScene(pScene);
    return true;
}
 

GameScence.h

#include "cocos2d.h"
#include "Box2D/Box2D.h"

class GameScence : public cocos2d::CCLayer
{
public :
	bool init();
	//必須重寫scene()
	static cocos2d::CCScene* scene();
	//相當於create函式，是重寫了CCLayer裡的create函式
	CREATE_FUNC(GameScence);
};

#include "GameScene.h"

using namespace cocos2d;

CCScene* GameScence::scene()
{
	CCScene * scene = NULL;
	do
	{
		scene=CCScene::create();

		GameScence* gameScene=GameScence::create();
		scene->addChild(gameScene);
	}while(0);

	return scene;
};

bool GameScence::init()
{
	bool bRet = false;
	do
	{
		//從圖片建立一個精靈
		CCSprite* pSprite = CCSprite::create("bg.png");
		//獲取螢幕大小
		CCSize size = CCDirector::sharedDirector()->getWinSize();
		// 設定精靈在場景中的位置，座標從左下角0,0
		pSprite->setPosition(ccp(size.width/2, size.height/2));
		// 新增精靈到場景中
		this->addChild(pSprite, 0);
	}while(0);

	bRet=true;

	return bRet;
};
 

下面是效果圖：

怎麼讓其顯示一個動態的精靈呢，下面是修改後的init()

bool GameScene::init()
{
	bool bRet = false;
	do
	{
		CCSprite* pMap = CCSprite::create("bg.png");
		CCSize size = CCDirector::sharedDirector()->getWinSize();
		pMap->setPosition(ccp(size.width/2, size.height/2));
		this->addChild(pMap, 0);

		CCSprite* sprite ;
		CCArray* pSpriteArray=CCArray::createWithCapacity(4);
		for(int i=0;i<4;i++)
		{
			//擷取frame
			CCSpriteFrame* pFrame =CCSpriteFrame::create("role.png",CCRectMake(i*82,62*2,82,62));
			pSpriteArray->addObject(pFrame);

			//將精靈新增到場景，預設第一幀圖片
			if(i==0){
				sprite= CCSprite::createWithSpriteFrame(pFrame);
				sprite->setPosition(ccp(200,100));
				addChild(sprite);
			}
		}
		//從array建立動畫
		CCAnimation *splitAnimation=CCAnimation::createWithSpriteFrames(pSpriteArray,0.1f);
		sprite->runAction(CCRepeatForever::create(CCAnimate::create(splitAnimation)));

	}while(0);

	bRet=true;

	return bRet;
};
 

製作動態的圖片麻煩，就直接貼圖了：