Unity中UGUI的圖集打包工具詳細使用說明(TexturePacker4.8)


前言

鑒於現在很多教程都停留在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:
TIM截圖20180708171908
如果界面右邊屬性顯示沒有前面示例圖那么多的話,請點擊右下角按鈕“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標簽下的屬性均與圖集的排序,圖片的間隔等有關,可以自行測試了解,根據需求進行調整

其它屬性在不了解情況下,可以保留默認值。

 

導出:上述路徑和屬性都配置好了之后,點擊導出圖集即可進行打包導出,導出后將有兩個文件:
TIM截圖20180708175708
.png后綴的就是圖集圖片,.tpsheet后綴的是圖集數據文件

導入Unity工程

導入前務必提前導入“准備階段”提到的TexturePacker Importer包,否者不會自動分割圖集。

直接把上述導出的兩個文件拉進Unity工程中即可自動分割,到底如何使用這些圖片將由你決定了!
TIM截圖20180708184139

后面我應該還會寫一篇關於動態加載圖集中圖片的文章,敬請關注留意!

動態加載圖集鏈接: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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM