如何使用拼合图播放一个序列帧动画

最新推荐文章于 2022-05-06 18:19:42 发布

火云洞红孩儿

最新推荐文章于 2022-05-06 18:19:42 发布

阅读量8.7k

点赞数 1

分类专栏： Cocos2d-x学习

本文链接：https://blog.csdn.net/honghaier/article/details/8237123

版权

Cocos2d-x学习专栏收录该内容

97 篇文章 13 订阅

订阅专栏

红孩儿Cocos2d-x学习园地教学资料由 [红孩儿游戏编程教学组] 组织编写.版权所有,盗文必究！

如何使用拼合图播放一个序列帧动画

本节主讲:红孩儿

[注：本版使用Cocos2d-x 2.02版本]

我们知道，使用拼合图可以更节省内存，那如何使用拼合图播放一个序列帧动画呢？本节我们以HelloCpp为例来讲解一下。

第一步，我们要在将序列帧各帧图片合并成为拼合图。

我们使用“红孩儿纹理打包器1.1版本”来进行拼图制做，它具有使用方便，拼图率高的特点。

下载地址：http://download.csdn.net/detail/honghaier/4671677

我们以之前讲解的操作方法为例：

http://blog.csdn.net/honghaier/article/details/8117963

最后生成的文件为：

第二步，我们要将所用到的信息结构定义一下。

我们在HelloWorldScene.h中加入：

//二进制文件头信息

struct SPackFileHeader

{

int m_Version; //版本

char m_szBigTexName[64]; //大图名称

int m_nImageSize; //大图的大小

int m_nBlockNum; //图块数量

};

//二进制文件数据块

struct SPackNode

{

RECT m_Rect; //对应图块矩形

POINT m_OffsetPt; //中心点偏移

bool m_bRotated; //是否顺时针旋转度

};

这样我们就可以读取出拼图的相应纹理块了。

第三步，创建序列帧动画。

我们需要在HelloWorld的初始化中来创建这个序列帧动画：

bool 	HelloWorld::init()
{
	//基类初始化
	 if ( !CCLayer::init() )
    {
        return false;
    }
    //取得可视区域的大小
    CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();
	//取得左下角坐标
    CCPoint origin = CCDirector::sharedDirector()->getVisibleOrigin();
	//创建拼图批次
	CCSpriteBatchNode* pNewBatchNode = CCSpriteBatchNode::create("Big_0.png", 34 );
	//读取二进制文件，将数据读取到容器中
	this->addChild(pNewBatchNode,1);
	//取得资源目录字符串
	string	szResPath(CCFileUtils::sharedFileUtils()->getResourceDirectory());
	//结尾加上拼合图信息文件名称。
	szResPath += "Big_0.blo";
	//读取拼合图信息文件全路径名
	FILE*	hFile = fopen(szResPath.c_str(),"rb");
	if(hFile)
	{
		//读取头信息
		SPackFileHeader	tFileHeader;
		fread(&tFileHeader,sizeof(SPackFileHeader),1,hFile);
		//读取每个纹理块信息
		SPackNode	tPackNode;
		//创建精灵帧存放容器
		CCArray*	tSpriteFrameArray = CCArray::create();
		//for循环进行读取相应数量的纹理块信息
		for(int b = 0 ; b < tFileHeader.m_nBlockNum ; ++b)
		{
			fread(&tPackNode,sizeof(SPackNode),1,hFile);
			//当前纹理块在图集纹理中的矩形位置。
			CCRect		tRect;
			//创建精灵
			if(tPackNode.m_bRotated)
			{
				//如果有旋转，宽高做一个调换。
				tRect = CCRect(tPackNode.m_Rect.left,tPackNode.m_Rect.top,tPackNode.m_Rect.bottom-tPackNode.m_Rect.top,tPackNode.m_Rect.right-tPackNode.m_Rect.left);
			}
			else
			{
				tRect = CCRect(tPackNode.m_Rect.left,tPackNode.m_Rect.top,tPackNode.m_Rect.right-tPackNode.m_Rect.left,tPackNode.m_Rect.bottom-tPackNode.m_Rect.top);
			}
			//
			CCPoint		tOffset(0,0);
			
			//设置纹理不进行抗锯齿模糊，像素精细
			pNewBatchNode->getTexture()->setAliasTexParameters();
			//设置从对应纹理块中读取出一个精灵帧
			CCSpriteFrame*	tpSpriteFrame = CCSpriteFrame::frameWithTexture(pNewBatchNode->getTexture(), tRect, tPackNode.m_bRotated, tOffset, tRect.size);
			//将精灵帧放入容器。	
			tSpriteFrameArray->addObject(tpSpriteFrame);
			
		}
               从精灵帧容器创建一个序列帧动画。
		CCAnimation* animation = CCAnimation::createWithSpriteFrames(tSpriteFrameArray,1.0f);  
		//设置每两帧间时间间隔为1秒。 
		animation->setDelayPerUnit(1.0f);  
		//设置动画结束后仍保留动画帧信息。 
		animation->setRestoreOriginalFrame(true);  
		//由这个动画信息创建一个序列帧动画。 
		CCAnimate* action = CCAnimate::create(animation);  
		//创建精灵。
		CCSprite* pSprite = CCSprite::create();
		//设置精灵位置。
		pSprite->setPosition(ccp(visibleSize.width/2 + origin.x, visibleSize.height/2 + origin.y));
		//让演员演示这个动画。 
		pSprite->runAction(action);  
		this->addChild(pSprite, 0);

		fclose(hFile);
	}  

    return true;
}

运行后的效果如图示[自已用flash做的gif，大概表示个意思哈~]：