cocos2d 使用TexturePacker制作plist文件

转自：https://blog.csdn.net/chiyiw/article/details/38170573

上一篇提到plist文件在cocos2d中的使用，那么如何制作plist文件呢？

一、下载TexturePacker
推荐使用TexturePacker，使用免费功能创建我们的需要的已经足够了，收费功能暂时不需要，下载地址：http://www.codeandweb.com/texturepacker/

下载安装即可。

二、免费使用

使用第三个选项：”Use free“即可，我们用不到收费功能

三、放入小图

将该小图拖入到右边的Sprites窗口里就可以了，再依次拖入其它图片

依次拖入图片后，软件会自动选择空位置将图片安排进去，同时记录图片在图中的位置，细心的读者可能发现有一张图片旋转了，这都是软件为了节省空间自动旋转的，我们不需要管它，同时在代码中引用时也不需要管，plist文件会记录，我们还是只需要引用图片名称就行了。最后将图片导出。

四、导出图片和plist文件
点击Publish，选择文件导出位置就可以了

最后，图片和对应的plist文件就生成好了，我们可以用于Cocos2d开发游戏了……

我制作的：

对于plist文件是如何保存图片位置的？

plist文件数一个xml文件我们可以用Eclipse或者记事本打开

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
    <dict>
        <key>frames</key>
        <dict>
            <key>character1.png</key>
            <dict>
                <key>frame</key>
                <string>{{2,2},{68,90}}</string>
                <key>offset</key>
                <string>{1,-5}</string>
                <key>rotated</key>
                <false/>
                <key>sourceColorRect</key>
                <string>{{15,10},{68,90}}</string>
                <key>sourceSize</key>
                <string>{96,100}</string>
            </dict>
            <key>character2.png</key>
            <dict>
                <key>frame</key>
                <string>{{72,2},{76,88}}</string>
                <key>offset</key>
                <string>{2,-6}</string>
                <key>rotated</key>
                <false/>
                <key>sourceColorRect</key>
                <string>{{17,12},{76,88}}</string>
                <key>sourceSize</key>
                <string>{106,100}</string>
            </dict>
            <key>character3.png</key>
            <dict>
                <key>frame</key>
                <string>{{150,2},{76,100}}</string>
                <key>offset</key>
                <string>{8,4}</string>
                <key>rotated</key>
                <true/>
                <key>sourceColorRect</key>
                <string>{{23,1},{76,100}}</string>
                <key>sourceSize</key>
                <string>{106,110}</string>
            </dict>
        </dict>
        <key>metadata</key>
        <dict>
            <key>format</key>
            <integer>2</integer>
            <key>realTextureFileName</key>
            <string>picture.png</string>
            <key>size</key>
            <string>{252,94}</string>
            <key>smartupdate</key>
            <string>$TexturePacker:SmartUpdate:4d9f9052f72b479531d5262ac554d5db:c14790402c7beb896b15e46c664da0c0:aee6d656c46f4f58abed154134950510$</string>
            <key>textureFileName</key>
            <string>picture.png</string>
        </dict>
    </dict>
</plist>
作者也不是很明白代码的意思，我们一起来解读一下。

不难看出，一个<key>对应一个值，这个值可能是矩形区域<dict>,也可能是字符串<string>,按照这个方法，这样我们拿第一张图character1.png来解析

character1.png：属性 // 小图的名称，在代码中可以直接通过该名称引用图片

frame:   {{2,2},{68,90}}            // 图片所在区域左上角和右下角的坐标
offset:    {2,-6}                           // 未知
rotated:     false                        //    是否旋转，可以看到第三张的值为true
sourceColorRect:    {{23,1},{76,100}}    // 未知
sourceSize:    {106,110}        // 未知

还望知道的读者分享一下经验

好了，将图片和plist文件导入到assets文件夹去开发吧！
————————————————
版权声明：本文为CSDN博主「chiyiw」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/chiyiw/article/details/38170573

cocos2d 使用TexturePacker制作plist文件相关推荐

Cocos2d使用TexturePacker工具打包生成plist和pvr.ccz文件方法总结
我们用TexturePacker工具打包生成了plist和pvr.ccz文件,那么下一步,我们就该获取plist中的信息了. Cocos2d中SpriteFrameCache通常用来处理plist文件 ...
将Texture Packer制作的.pvr.ccz和.plist文件还原为多个原图 -- 使用说明文档
1.准备 1.安装 TexturePacker 2.安装python 3.安装Pillow-2.1.0.win-amd64-py2.7.exe 2.PVR转PNG.bat的使用把 xx.plist和 ...
cocos2d: 使用TexturePacker , pvr.ccz, CCSpriteBatchNode, CCSpriteFrameCache
Optimus:在cocos2d中如何高效使用图片总结使用Photoshop等工具制作单张图片,放在Resources目录下某个或几个目录下,使用TexturePacker打包图片成pvr.ccz文 ...
Cocos数据篇[3.4](4) ——plist文件操作
[唠叨] 在Cocos中,plist文件是非常常见的配置文件.它是特定格式的xml文件. 例如:小图打包成大图的纹理图片.制作粒子特效.帧动画等,都用到了plist文件作为配置文件. 本节要介绍的是 ...
cocos2d-x 内存优化之prv.ccz plist 文件加载
首先对于使用过精灵的童鞋很熟悉CCSpriteBatchNode,至少大家都会知道它能优化精灵,但是至于优化原理这里简单说下: 一般使用精灵CCSprite的时候,都是直接使用[CCLayer* ad ...
Cocos2d-x数据模块教程04：plist文件操作
我们知道在Cocos2d-x中,plist文件是非常常见的配置文件.它是特定格式的xml文件.例如:小图打包成大图的纹理图片.制作粒子特效.帧动画等,都用到了plist文件作为配置文件.所以,在这一章 ...
便利的操作plist文件
便利的操作plist文件升级iOS9了,网络被强制切换成https了,你需要更新你的plist的文件才能够支持http,正常的做法是这样子的: 过程是不是挺繁琐的呢?如果你新建的另外一个工程,里面还 ...
iOS 打包.framework(包括第三方、图片、xib、plist文件)详细步骤及需要注意的地方...
https://www.cnblogs.com/yk123/p/9340268.html // 加载自定义名称为Resources.bundle中对应images文件夹中的图片 // 思路:从main ...
苹果企业证书发布ipa,使用gitee存放plist文件
iOS14以后要求ipa的下载地址也必须是https的,因此需要找一个可以分享下载链接的网盘.要直接能下载的,不需要登录的. 1.首先登录gitee 创建一个项目,并,创建一个xxx.plist文件 ...

cocos2d 使用TexturePacker制作plist文件

cocos2d 使用TexturePacker制作plist文件相关推荐

最新文章

热门文章