NGUI使用心得之使用TexturePacker創建圖集
1.什麼是TexturePacker
TexturePacker是一款非常不錯的圖集製作工具,和NGUI自帶的圖集製作比較,其生成的圖集更加緊湊,佔用空間更加的小。下面圖NGUI_ChatWindow 和 NGUI_ChatWindow1分別是TexturePacker和NGUI自帶生成的圖集對比
a.NGUI_ChatWindow
b.NGUI_ChatWindow1
NGUI自帶的生成的圖片5.3M>>2.7M
尺寸: 1024*1024 >>512*1024
達到同樣的效果,TexturePacker顯然更加的優秀
2.用TexturePacker製作圖集詳細步驟
<1>先下載一個TexturePacker,安裝完成之後打開軟件
<2>準備好你需要製作成圖集的圖片,然後拖到TexturePacker的編輯框中,如下圖
<3>根據圖片和不同的用途,調整相應的選項
說明:(需要修改的設置)
DataFormat:平臺
DataFile:數據文件保存的位置和名稱
Texure file:圖片文件保存的位置和名稱
Max.width:自動生成 可以進行調整
Max.height自動生成 可以進行調整
圖集中圖片的擺放位置是自動生成的,不能進行調整。
<3>.點擊publish
生成如下兩個文件(保存在你之前設置的路徑下)
到這個時候呢,工作已經完成大部分了。接下來就是在unity中的工作了
<4>.將上述兩個文件導入到unity中
選中chatWindow.png,點擊NGUI->Atlas
maker(這裏是簡寫)
刪除掉NGUI生成的圖片
將TexturePacker生成的貼圖拉到NGUI生成的材質球的貼圖中
這時,圖集中還是一整張圖
最後一步
OK,到這裏,圖集的製作就全部都完成了
3.製作圖集的小技巧
a.背景圖:帶邊框的純色背景,只需要一張非常小的圖片,通過製作九宮格,使用uisprite可以製作出效果很好的背景圖(在下個使用心得中介紹)
b.移動平臺的圖縮,更多信息訪問
http://game.ceeger.com/Components/class-Texture2D.html
TexturePacker是一款非常不錯的圖集製作工具,和NGUI自帶的圖集製作比較,其生成的圖集更加緊湊,佔用空間更加的小。下面圖NGUI_ChatWindow 和 NGUI_ChatWindow1分別是TexturePacker和NGUI自帶生成的圖集對比
a.NGUI_ChatWindow
b.NGUI_ChatWindow1
NGUI自帶的生成的圖片5.3M>>2.7M
尺寸: 1024*1024 >>512*1024
達到同樣的效果,TexturePacker顯然更加的優秀
2.用TexturePacker製作圖集詳細步驟
<1>先下載一個TexturePacker,安裝完成之後打開軟件
<2>準備好你需要製作成圖集的圖片,然後拖到TexturePacker的編輯框中,如下圖
<3>根據圖片和不同的用途,調整相應的選項
說明:(需要修改的設置)
DataFormat:平臺
DataFile:數據文件保存的位置和名稱
Texure file:圖片文件保存的位置和名稱
Max.width:自動生成 可以進行調整
Max.height自動生成 可以進行調整
圖集中圖片的擺放位置是自動生成的,不能進行調整。
<3>.點擊publish
生成如下兩個文件(保存在你之前設置的路徑下)
到這個時候呢,工作已經完成大部分了。接下來就是在unity中的工作了
<4>.將上述兩個文件導入到unity中
選中chatWindow.png,點擊NGUI->Atlas
maker(這裏是簡寫)
刪除掉NGUI生成的圖片
將TexturePacker生成的貼圖拉到NGUI生成的材質球的貼圖中
這時,圖集中還是一整張圖
最後一步
OK,到這裏,圖集的製作就全部都完成了
3.製作圖集的小技巧
a.背景圖:帶邊框的純色背景,只需要一張非常小的圖片,通過製作九宮格,使用uisprite可以製作出效果很好的背景圖(在下個使用心得中介紹)
b.移動平臺的圖縮,更多信息訪問
http://game.ceeger.com/Components/class-Texture2D.html
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.