How use TexturePacker

如何使用

TexturePacker 的使用很是简单,启动后的界面以下:html

看箭头说明,只须要把包含小图片的文件夹拖动到右侧的‘Sprites’栏中便可,以下:ios

能够看到,TexturePacker当即生成了一个SpriteSheet。在左侧TextureSettings中设置各类参数和文件输出路径:程序员

点击上方工具栏中的Publish,就能够把对应的纹理图片和数据文件输出到指定位置了。web

上方Save按钮能够将整个设置保存成一个工程文件,之后作修改时能够直接打开这个工程。shell

TexturePacker 会”监听“右侧的Sprites文件夹,须要增长、删除或修改单独的图片,只须要在直接在文件系统中增长、删除或修改就能够了,不须要再次从TexturePacker工程中添加或删除,这是TexturePacker一个很是好用的功能。xcode

TexturePacker支持的游戏引擎和文件格式很是丰富,几乎涵盖了目前全部常见技术。app

 

Retina支持:AutoSD

这是一个3.0中新曾的功能,也是我一直期待的。在此以前,想要制做retina和非retina的两种spritesheet,须要手工操做:先生成retina的spritesheet,调整scale参数为0.5,修改输入文件名称,而后从新publish。虽然看起来不是很麻烦,可是对于游戏开发来讲,这个过程天天可能要重复几十次,出了错还每每很难发现。工具

因此这是一个很是实用的功能:点击左侧设置中的AutoSD齿轮图标:优化

在弹出框中能够看到有几个预设,这里咱们选cocos2d hd/sd,点击Apply,设置就会添加到下方的列表中:ui

列表中每一项表明一个新增的输出设置,上图中这个设置就是把现有设置缩放0.5倍,而后把文件扩展名中”-hd.”替换成”.”  因此在前面的基础设置中,输出文件名称必定要是“-hd.”的后缀,如spritesheet-hd.png 和spritesheet-hd.plist,这样这里才会正确识别。

设置完成后,点击publish从新输出,能够看到,TexturePacker已经同事输出了4个文件:

是不很爽啊,哈哈:)

XCode 集成

虽然TexturePacker已经大大简化了咱们生成SpriteSheet的过程,可是对于游戏开发,咱们老是在不停的修改图片,从新生成SpriteSheet,这样一个机械化的动做,明显是在向程序员们挑衅。TexturePacker的做者Andreas显然是个合格的程序员,早已经为你们作了命令行接口,让这一切自动化吧:

  1. 为项目须要的每一个SpriteSheet创建一个TexturePacker工程文件,作好各类设置,将其添加到XCode工程中。

  2. 在XCode中添加一个build phase,如何添加参考https://developer.apple.com/library/ios/#recipes/xcode_help-project_editor/Articles/AddingaRunScriptBuildPhase.html  shell命令以下:

    #! /bin/sh
    TP=/usr/local/bin/TexturePacker
    if [ "${ACTION}" = "clean" ]
    then
    # remove sheets - 这里要和 *.tps 中指定的输出文件匹配
    rm ../Resources/sheet*.png
    rm ../Resources/sheet*.plist
    else
    # 执行说有的tps工程文件,从新输出全部SpriteSheet
    ${TP} *.tps
    fi
    exit 0

这样,每次在XCode中build时,都会从新生成全部的SpriteSheet,不再用手工生成了,长此以往,你甚至会忘记TexturePacker的存在!

 

关于XCode的集成,TexturePacker官网有更详尽的教程,参见:

http://www.codeandweb.com/blog/2011/05/11/xcode4-integration-tutorial-of-texturepacker-for-cocos2d-and-sparrow-framework

关于TexturePacker,著名的RayWenderlich有一篇很是详细的文章:

http://www.raywenderlich.com/2361/how-to-create-and-optimize-sprite-sheets-in-cocos2d-with-texture-packer-and-pixel-formats

这篇文章的中文译文是 @子龙山人  翻译的,参见在cocos2d里面如何使用Texture Packer和像素格式来优化spritesheet

————————————分割线———————————

除了以上的说明外,在软件使用时有两点须要注意:

一、拖至窗口中的图片文件夹,其中不能存在该软件不支持的格式的任何文件,好比设计图片时.psd文件,不然该文件夹必须从窗口删除;

二、将多个文件夹拖入窗口时,须要保证每一个文件名不重复。

关于软件的受权问题,虽然该软件不是免费的,可是但愿各位能尊重做者劳动成果和软件的版权。

须要免费License的朋友能够经过如下连接向做者申请:http://www.codeandweb.com/request-free-license

最后,再次感谢软件的做者:Andreas先生。

相关文章
相关标签/搜索