當我們拿到一張一張的動畫圖片後，首先將動畫圖片用TexturePackerGUI做出一個*.plist檔案，接下來就可以開始動手了。

先講一下動畫製作的流程

1.將我們一個一個的動畫圖片建立為CCSpriteFrame, 也就是做成精靈幀

2.再將建立好的CCSpriteFrame加到一個CCAnimation中， 也就是將精靈幀進行打包animation->addSpriteFrame(fram1); 。。。

3.設定動畫幀之間的間隔和迴圈次數

animation->setDelayPerUnit(0.1f);//設定幀與幀之間的間隔

animation->setLoops(kCCRepeatForever);//執行次數

4.將我們打好的包建立（create()）成動畫CCAnimate

5.此刻把動畫CCAnimate當做一個精靈來runAction。

程式碼示例：

建立一個精靈，方便後面使用

	CCSprite* spr = CCSprite::create();
	spr->setPosition(ccp(240, 160));
	addChild(spr);

1，傻瓜式版本，但是好理解

//建立精靈幀
	CCSpriteFrame* fram1 = CCSpriteFrame::create("animation/p_2_01.png", CCRectMake(0, 0, 80, 80));
	CCSpriteFrame* fram2 = CCSpriteFrame::create("animation/p_2_02.png", CCRectMake(0, 0, 80, 80));
	CCSpriteFrame* fram3 = CCSpriteFrame::create("animation/p_2_03.png", CCRectMake(0, 0, 80, 80));
	CCSpriteFrame* fram4 = CCSpriteFrame::create("animation/p_2_04.png", CCRectMake(0, 0, 80, 80));
 

//將動畫幀打包	
        CCAnimation* animation = CCAnimation::create();   
	animation->addSpriteFrame(fram1);
	animation->addSpriteFrame(fram2);
	animation->addSpriteFrame(fram3);
	animation->addSpriteFrame(fram4);</span>

<span style="font-size:14px;">	animation->setDelayPerUnit(0.1f);	//設定幀與幀之間的間隔
	animation->setLoops(kCCRepeatForever);			//執行次數
 

<span style="font-size:14px;"><span style="white-space:pre">	</span>CCAnimate* animate = CCAnimate::create(animation);
<span style="white-space:pre">	</span>spr->runAction(animate);

	CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile("animation/plan.plist");
	CCAnimation* animation = CCAnimation::create();
	char nameBuf[100];
	for (int i = 0; i < 8; i++)
	{
		memset(nameBuf, 0, sizeof(nameBuf));
		sprintf(nameBuf, "p_2_0%d.png", i + 1);
		animation->addSpriteFrame(CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName(nameBuf));

	}
	animation->setDelayPerUnit(0.1f);
	animation->setLoops(kCCRepeatForever);
	CCAnimate* animate = CCAnimate::create(animation);
	spr->runAction(animate);</span>

	CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile("animation/plan.plist");
	CCAnimation* animation = CCAnimation::create();
	char nameBuf[100];
	for (int i = 1; i < 9; i++)
	{
		memset(nameBuf, 0, sizeof(nameBuf));
		sprintf(nameBuf, "p_2_0%d.png", i);
		animation->addSpriteFrame(CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName(nameBuf));

	}
	animation->setDelayPerUnit(0.1f);
	animation->setLoops(kCCRepeatForever);
	CCAnimate* animate = CCAnimate::create(animation);
	spr->runAction(animate);