前言

鉴于现在很多教程都停留在3.0.9那一版,包括我上一篇的教程,所以特意出一篇最新版本的,本文以TexturePacker4.8.1版本进行说明,到2018年6月为止的最新版本了

最最最重要的是,新版的TexturePacker支持记录图片中心点及九宫格切图信息了!可谓是喜大普奔了,再也不用受3.0.9版本诡异的缩放操作所支配了。


图集打包的好处都有啥,大家应该都很清楚,减少系统io次数,减少UI中的dc等,此处我就不过多的叙述了。反正就是方便,简洁,易于管理!后面我还会写一篇关于动态加载图集中图片的文章,到时候打包,管理,加载调用,一气呵成,敬请关注留意!


文末会放上神秘蓝色小链接,大家下(po)载(jie)后,仅供学习使用!学习使用!学习使用!

此处放上TexturePacker 的官网:​​https://www.codeandweb.com/texturepacker​​,请大家支持正版!支持正版!支持正版!


准备阶段


  • TexturePacker软件的安装就不介绍了,安装,替换文件即可!
  • 要使用打包出来的图集就必须先往工程中导入TexturePacker-Unity的工程文件。大家可以直接打开Unity内的Asset Store搜索“TexturePacker Importer”下载最新的,免费这个就是了,也可以在文末神秘蓝色小链接中下载unitypackage。下载好导入工程中就可以了


TexturePacker工具介绍

本文以Unity3d为例

Unity中UGUI的图集打包工具详细使用说明(TexturePacker4.8)_github

打开首先选择图集格式Data Format:

Unity中UGUI的图集打包工具详细使用说明(TexturePacker4.8)_git_02

如果界面右边属性显示没有前面示例图那么多的话,请点击右下角按钮“Advanced settings”即可

目前有两种导入图片的方法:


  • 拖拽图片到左边空白处即可完成添加单张图片的操作
  • 拖拽文件夹到左边空白处,即可添加文件夹内所有图片,成为智能文件夹

(本人强烈建议以智能文件夹形式导入图片,因为方便管理,不用每次都去拖拽界面,只需管理好文件夹内图片即可,甚至可以结合外部程序去管理文件夹,例如svn,git等)


新建图集工程:每一个图集一个工程,工程文件后缀名为.tps,每个图集可能是由一个或多个文件夹组成,保持这样的一个结构就很易于管理和维护了。


更新图集:每次需要更新图集的时候,美术把图片给你,你更新到对应的文件夹里面,打开TexturePacker,打开工程,导出图集即可!

就是这么简单,因为只需要在第一次新建工程的时候,配置好属性,导出路径等即可。


图集属性:最详细的属性项介绍肯定是TexturePacker的官方文档啦,文档地址:​​https://www.codeandweb.com/texturepacker/documentation​​,虽说里面是全英的,但英语还有很大提升空间的同学可以熟练使用网页的一键翻译,各种词典。

此处我就介绍几项比较重要的属性,每次新建工程我都会设置的:

Data Format:务必选择你需要的平台(例:Uniyt3D)

Data file:打包导出图集数据文件的路径

Texture file:保存的图片格式(建议PNG)

Texture file:打包导出图集图片文件的路径

Max size:最大导出尺寸

Scale:导出比例,将原图进行一定比例的压缩

Trim mode:修剪模式,如果导出的是ui图集请选择None,如果是场景等图集请选择Polygon outline

Layout标签下的属性均与图集的排序,图片的间隔等有关,可以自行测试了解,根据需求进行调整

其它属性在不了解情况下,可以保留默认值。


导出:上述路径和属性都配置好了之后,点击导出图集即可进行打包导出,导出后将有两个文件:

Unity中UGUI的图集打包工具详细使用说明(TexturePacker4.8)_github_03

.png后缀的就是图集图片,.tpsheet后缀的是图集数据文件

导入Unity工程

导入前务必提前导入“准备阶段”提到的TexturePacker Importer包,否者不会自动分割图集。

直接把上述导出的两个文件拉进Unity工程中即可自动分割,到底如何使用这些图片将由你决定了!

Unity中UGUI的图集打包工具详细使用说明(TexturePacker4.8)_动态加载_04

后面我应该还会写一篇关于动态加载图集中图片的文章,敬请关注留意!

动态加载图集链接:​​http://www.tinkingli.com/?p=298​


下载:

GitHub(国外):

ET模组仓库: ​​https://github.com/egametang/ET-Modules.git​

本人工具仓库:​​https://github.com/HealthyChina/HealthyResource.git​

Gitee(国内):

本人工具仓库:​​https://gitee.com/healthyZ/HealthyResource.git​