[TexturePacker] 貼圖集製作程式

2013-01-23

最近在研究用 cocos2D 在 iPhone 上寫 APP

買的書有介紹這款 TexturePacker 貼圖集製作程式
雖然是需要買 license 才能使用完整功能 (未付費時 圖片會有浮水印)
但就甘心的有條件提供免費 license
http://www.codeandweb.com/request-free-license

條件也不難
1. 需要有自己的 Blog (就像我這個 Blog 一樣)
2. 必須至少有 5 篇[六個月內]的文章 (這應該沒太強制 只要不是都沒寫文章的空 Blog 我想應該都可以)
3. 必須是 game/software/web 相關的 Blog (但通常需要用的人 Blog 應該都會相關到)
4. 不包含 Facebook, Twitter, Weibo (一定要是 Blog 就是)

就可以到request-free-license 填寫一些資料 等他回 Email 給你 license 囉

有一個小插曲是
我只勾了要 TexturePacker 的序號
但他回信給我 只給了 PhysicsEditor 的序號
(登愣~)
所以我就回信跟他說給錯了
對方也很快的回信說他們發 free license 的資料庫有點問題
但已經好了 要我再去填一次
第二次我就兩個都勾了XD
來回信件都還滿快的
很有誠意
就甘心~

[NOTE] 為了防止以後自己忘記 記一下 (使用的 TexturePacker 版本為 3.0.4)

cocos2D 有支援retina顯示的圖片
但他區分大圖是用 -hd 而不是 @2x
TexturePacker 有個 AutoSD 功能 只需要大圖
就可以一次生成大圖跟小圖的成品
(抱歉讓咕狗到這裡的人失望了 因為我今天頭腦打結 沒有搞定怎麼用 所以我還是大圖小圖分開做 如果你知道怎麼用 拜託跟我講~~XD)
[UPDATE :20130418 版本:3.0.7]
左側列表 Output 中有個 AutoSD[齒輪]
點齒輪後 Presets選擇 cocos2d hd/sd (通常是第一個 所以不用選) 按下Apply
下一行的Main extension會自動出現 -hd.
接著按Publish
檔名填寫 AAA-hd
即會自動生成AAA-hd.plist AAA-hd.png AAA.plist AAA.png 四個檔案
[UPDATE END]

大圖 : A1.png ~ A5.png
小圖 : A1.png ~ A5.png

作一次 Publish 會生出 .png 跟 .plist 兩隻檔案
HD大圖生成的檔名我是設成 AAA-hd 所以會生出 AAA-hd.png 跟 AAA-hd.plist
SD小圖生成的檔名設為 AAA 所以生出 AAA.png 跟 AAA.plist

需要改的地方在 .plist 檔案裡
SD的檔案不用改
而HD的檔案用Xcode開啟後
找到 metadata 裡的 textureFileName
將 AAA-hd.png 的 -hd 拿掉 變為 AAA.png
而另一個 realTextureFileName 則是維持 AAA-hd.png 不動

如果 .plist 檔案不改的話
他會一直在 log 裡 warning issue #1040 什麼的
就…很討厭
但其實也不會怎樣XD

程式裡只要吃 AAA.png 跟 AAA.plist 就好
他會自動確認有沒有支援 retina (當然config裡要打開)
有支援的話 會自己去找 AAA-hd.png 跟 AAA-hd.plist
就不用自己判別讀哪隻了
以上