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

在使用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);

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

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

【Unity编辑器扩展】包体优化神器,图片压缩,批量生成图集/图集变体,动画压缩
功能介绍: 1. 压缩工具支持对图片原文件压缩(支持png/jpg),也支持使用Unity内置图片压缩批量对图片设置压缩参数. 2. 支持以文件夹或及其子文件夹为单位批量生成图集(SpriteAtla ...
游戏打包图片，让texturepacker免费版当收费版使用，不用破解，拒绝破解版
各位兄弟姐妹,各位前端大神,你们还在为寻找texturepacker破解版而烦恼吗?还在为texturepacker的注册码而忧愁吗?我现在告诉大家一个好消息,各位,使用下面我介绍的方法texture ...
使用TexturePacker打包游戏贴图制作帧动画
TexturePacker是个非常好用的贴图打包工具,最近我在学习cocos2d-x,正巧听说了这个工具,试用了一下,非常不错.分享给大家比如我有一些动画帧,为了让动画更加流畅,我们将所有的动画帧合 ...
C# DLL资源文件打包(图片、JS、CSS)[WebResource]
先看下我的最终的目录结构(这是工程结构就是利用WebResource.axd通过一个URL来访问装配件的内置资源(译) 英文原站下载的代码): 这里需要说明几点: 1. ...
关于webpack5打包图片不报错但是也不显示问题
我在使用 webpack : "^5.49.0"这个版本的时候,使用url-loader处理图片打包,这时候打包输出会有两个图片文件,一个是打包后的图片,一个图片内容是引入刚才的这 ...
webpack5打包图片报错——Module parse failed: Octal literal in strict mode 图片不能正常显示
Octal literal in strict mode 一.webpack打包图片二.报错三.解决四.img标签中的图片打包后不能正常显示五.总结六.追加一.webpack打包图片 we ...
如何压缩打包图片文件？照片如何打包压缩？
平时在处理多张图片kb大小的时候,除了批量图片压缩之外,我们还可以使用图片打包压缩,将图片文件打包成文件夹来压缩处理,但是市面的压缩软件都是需要下载安装的.下面介绍一款在线打包压缩的方法,使用图片在线 ...
html5图片怎么打包,webpack如何打包图片
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 初学webpack打包图片的时候,会遇到几种情况,需要注意. 首先在webpack中打包图片需要依赖于url-loade ...
webpack 打包图片文件
一.准备工作 1. 在src文件夹中新建一个img文件夹,并且在里面放两张图片: 2.在css文件中引用图片,从而让webpack能够知道这个图片也是要打包的: 二. 使用url-loader和fi ...

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

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

最新文章

热门文章