前言
鉴于现在很多教程都停留在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为例
打开首先选择图集格式Data Format:
如果界面右边属性显示没有前面示例图那么多的话,请点击右下角按钮“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标签下的属性均与图集的排序,图片的间隔等有关,可以自行测试了解,根据需求进行调整
其它属性在不了解情况下,可以保留默认值。
导出:上述路径和属性都配置好了之后,点击导出图集即可进行打包导出,导出后将有两个文件:
.png后缀的就是图集图片,.tpsheet后缀的是图集数据文件
导入Unity工程
导入前务必提前导入“准备阶段”提到的TexturePacker Importer包,否者不会自动分割图集。
直接把上述导出的两个文件拉进Unity工程中即可自动分割,到底如何使用这些图片将由你决定了!
后面我应该还会写一篇关于动态加载图集中图片的文章,敬请关注留意!
动态加载图集链接:http://www.tinkingli.com/?p=298
下载:
GitHub(国外):
ET模组仓库: https://github.com/egametang/ET-Modules.git
本人工具仓库:https://github.com/HealthyChina/HealthyResource.git
Gitee(国内):