這些年,我一直在使用 JavaScript 、CocosCreator 做開發,只要是他們不能解決的,我都不太願意去弄,或者說是不太情願去做。真的是手中有把錘子,看什么都是釘子,越是熟悉一樣東西,越容易被思維定式給束縛,難以成長!
前段時間,我在嘗試學習 Python,想用來做點什么,一直沒想好。我必須得學以致用才行,不然過兩天又忘記了。
但這次機會來了!
前兩天,有位老朋友找到我,尋求 Cocos 圖集的裁圖工具,我順手給了一個 Windows 版本的 PngSplit.exe,我曾經用過多次感覺還行!
小知識:初學的伙伴可能還不清楚,什么是圖集?
圖集通常是使用 TexturePacker 這個工具,將多張小的碎圖合並,導出生成一個 png 文件與同名的 plist 文件。
游戲引擎通過解析 plist 文件,獲取對應 png 圖片上的子圖,還原碎圖。通過圖集可以減少文件體積,提高文件加載速度,更重要的是他能減少 Drawall 提升渲染效率!
但,我剛給了朋友后,想到如果是 Cocos 格式的圖集是有 plist 文件的,通過 plist 可以完美換原之前的碎圖。但使用 PngSplit 拆分一些有透明像素的幀動畫圖片就不行了!
導出的子圖周邊沒有透明,並不是還原碎圖最原始的樣子,這樣生成的資源,要重新制作動畫難度非常之大!
想到這里,有點點興奮,我拿起 Python 開干!代碼大概分成兩大部分:
- 解析 plist 文件,解析出子圖在圖集中的矩形位置
- 通過分析出的子圖矩形數據,將子圖紋理導出生成圖像
大的思維有了,解析 plist 應該是有對應的工具庫的,我也是 Python 小白面向百度編程絕對是不能不掌握的技巧
輸入:python3 plist 解析
出來的大部分是用 plistlib 這個庫,而且是 Python 自帶的!非常好,第一個問題有解了,先不管細節,再看第二個問題!
我在百度上搜索:python3 圖片處理
有一個名為 PIL 的庫顯示的最多,簡單了解一下:
python image library 圖像庫,處理圖像功能,該庫提供了廣泛的文件格式支持,如JPEG、PNG、GIF、等,它提供了圖像檔案、圖像顯示、圖像處理等功能。
注意安裝時,使用的是:
pip install pillow
大概花了半個小時,簡單了解了一下 PIL 的功能,其中的 Image 模塊正是我需要的 :
# 從當前圖像返回矩形區域的副本
# box是一個4元祖,定義從左、上、右、下的像素坐標
Image.crop(box)
有了大概的了解,就開始真正的動手了。剛開始真的很不習慣,經常范錯,比如:定義變量加 var;每么末尾加分號;if () 用括號;基礎數據類型的屬性方法記不住...... 好兩次我想放棄了,明明知道怎么做,就是弄不好,語法出錯,運行出錯!最氣人的是,我寫出的代碼,到處是波浪線,我用的是 PyCharm 這個神器級別的IDE。
我堅持完成了第一個版本,也就 50 行代碼,拆分的圖片不帶透明區,因為我只會使用Image.crop
這個函數,剩下的我還不會。
休息了兩天,再次撿起來,我又找到兩個 Image 對象上的方法:
# 翻轉、旋轉圖像
image = image.transpose(Image.ROTATE_90)
# 將image圖像粘貼base圖像中
# box參數我給的是偏移2元組
base.paste(image, (offset_x, offset_y))
功能搞定生成圖片非常完美,還原了 plist 中的文件名、原始大小、透明區域偏移,整個代碼加上注釋也不到100行。
最后,我還研究了一下 Python 的代碼規范,與 JS、TS 完全不是一個門派,變量名、函數名都是用小寫,代碼之間用下划線隔開,感覺是回到了讀書時用的 C 語言,終於整個代碼清爽起來了:
雖然東拼西湊將功能實現了,但我總覺得怪怪的,第一次用 Python 做個開源小工具求大神們指點,有那些可以改進的地方,也希望這個工具腳本能幫助到大家!
代碼下載:https://github.com/ShawnZhang2015/tp-png-split
更多精彩請關注Creator星球游戲開發社區