TexturePacker 圖片打包工具講解與使用並且批處理打多包以及資源加密

TexturePacker這個詞從字面來說就是Texture(紋理) + Packer(打包)。它是一款把若干資源圖片拼接爲一張大圖的工具。

官方網址:http://www.codeandweb.com/texturepacker

手機遊戲開發中,爲了提高圖片渲染性能,經常需要將小圖片合併成一張大圖進行渲染。如果手工來做的話就非常耗時。TexturePacker

就是一款非常不錯方便的處理工具。TexturePacker雖然非常優秀,但不是免費的。

使用TexturePacker最主要的好處是,我們做的遊戲最終要運行在Android手機或者蘋果手機上,而Android或者ios系統使用的是OpenGL ES來渲染。所以我們要針對OpenGL ES來進行優化。內存方面,OpenGL ES紋理要求寬和高都是2的n次冪的倍數。想一想,如果圖片的寬爲33,而高爲65,那麼圖片加載到內存後的大小爲多少?考慮到寬和高都是2的n次冪,所以加載到內存後的大小是64*128。所以我們可以考慮將小的圖片拼成到的圖片,然後加載。渲染速度方面,OpenGL ES要求切換的紋理少,所以將圖片拼成大圖片,這樣就減少了紋理的切換。所以使用TexturePacker是很有必要的。

TexturePacker可以直接選定一個文件夾,將裏面的小圖片生成一個大圖片,並輸出plist文件的工具。使用該工具,合圖就非常簡單了。

下面是使用流程(截圖):很簡單的,只需要的注意以下幾點就可以了。。。

第一部:點擊Add Sprites按鈕添加圖片資源 如圖:


第二部:圖片資源導進來之後只需要做些簡單設置設置 如下圖


根據你的圖片資源大小來選擇合適的 Max size W/H

第三部:導出生成 plist 和 .pvr.ccz 文件 點擊Publish按鈕如圖:


然後把 plist 和 .pvr.ccz 兩個文件導入項目就OK啦!!!

對於在項目中如何使用plist文件生成動畫將會寫在下一篇文章。。

如有錯誤,請多多指正。

補充:批處理打多包

當我們把包的大小設置爲1024*1024後,對圖片進行打包,而我們的圖片大小遠遠超過1024*1024的容量,那就只能打多個包出來,步驟就是手動添加圖片到一個包中,如果圖片超出容量則要一一手動的刪除,將多出的再打到下一個包中,就這樣一變一變的反覆試量着打包,很是不方便,尤其是對超大量的圖片資源,那就太要命了,而且出錯率又高。在此我們找到了解決的方法,應該算是自己的一個過失,對 TexturePacker 這個工具還是瞭解不夠透徹。看下面講解大家一起來學習下吧!!!


1.首先把我們的所有圖片導入包中,設置爲以上面講解之外再加一選項設置,如圖:



2.點擊Publish生成plist文件時,需要爲包起名子,這時就有規格要求了,比如你的包名爲:123_actRes1.plist 、 123_actRes2.plist ,等多包,這時我們只需要把包名寫成這樣123_actRes{n1}就好了。。如圖:


3.最終打出的包:




最後:資源包的加密(給出兩條連接上面講的很清楚,一個是官方英文版的,一個是中文翻譯的,學習了。。。)

http://www.codeandweb.com/texturepacker/contentprotection (官方英文)

http://www.ityran.com/archives/3950 (中文翻譯)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章