cocos2d-x使用TexturePacker打包图片及使用生成的plist文件创建精灵动画

最新推荐文章于 2024-03-22 18:03:23 发布

原创最新推荐文章于 2024-03-22 18:03:23 发布 · 1.6w 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#cocos2d-x #plist #动画

cocos2d-x 同时被 2 个专栏收录

5 篇文章

订阅专栏

游戏开发

4 篇文章

订阅专栏

本文介绍了如何使用TexturePacker工具打包cocos2d-x动画的图片，并利用生成的plist文件创建精灵动画。首先，对动画帧图片进行命名，接着在TexturePacker中导入图片，调整设置后导出plist和png文件。试用版工具可能在图片上添加文字和改变颜色，购买激活版可避免此问题。

在使用TexturePacker打包工具之前先对动画的每一帧图片命名，我这里选取的cocos2d-x实例程序里面的图片，为了方便只提取了前面4帧的图片

然后打开安装好的TexturePakcer，该工具的官方下载地址，该工具需要购买激活，我这里是选择的试用。打开后点击Add Sprites然后选择需要添加的图片文件，至于该工具里面的各种调整这里不做过多的解释，最后点击Publish保存生成好的plist文件以及打包后的png图片。

打包后生成的文件如下，因为是选择的试用，生成的图片上会有奇怪的文字以及颜色发生改变，如果使用购买激活后的就不会这样...

打包工作就OK了，然后就是使用生成的plist文件创建精灵动画

        // 载入打包生成的plist文件
	CCSpriteFrameCache *cache=CCSpriteFrameCache::sharedSpriteFrameCache();
	cache->addSpriteFramesWithFile("grossini_dance_all.plist","grossini_dance_all.png");
	//数组长度初始化为4，根据动画的总帧数初始化
	CCArray *splitAniframe = CCArray::createWithCapacity(4);
	CCSpriteFrame *frame;
	char *frameNameChar = new char[20];
	for(int i = 1;i<= 4;i++)
	{
		//下面的名字为打包前的每张图片的名字，加载plist文件很方便的一点就是可以根据打包前的图片名字直接访问到该图片
		sprintf(frameNameChar, "grossini_dance_%d.png",i);  
		frame = CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName(frameNameChar);
		splitAniframe->addObject(frame);
	}
	//根据帧序列创建动画（第二个参数为每帧之间的间隔时长）
	CCAnimation *splitAnimation=CCAnimation::createWithSpriteFrames(splitAniframe,0.2f);
	//根据动画创建动画动作
	CCAnimate *splitAnimate=CCAnimate::create(splitAnimation);
	CCSprite *testSprite = CCSprite::create(); 
	//让精灵执行该动画动作，并且是无限循环
	testSprite->runAction(CCRepeatForever::create(splitAnimate));
	testSprite->setPosition(ccp(200,200));
	addChild(testSprite);

精灵动画执行效果（下面只是动画的一个截图）