前言
鑒於現在很多教程都停留在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(國內):
