Andy--清風原創, 轉載請註明出處,謝謝!
1.精靈表的分類:
簡單精靈表:精靈表中的圖片都具有相同維度
複雜精靈表:精靈表中的圖片可以具有不同的維度。
2.簡單精靈表
通過SpriteSheet類將提供的圖像切割成大小相同的子圖像,當一個新的精靈表被實例化時將提供切割時用到的維度,同時也將提供精靈表圖像中已用的“間隔”信息。
3.複雜精靈表
通過PackedSpriteSheet類來解析,該類需要一個圖像和控制文件的名稱。通過解析該控制文件就能獲得精靈表中的精靈的位置和大小。
有無控制文件是基本型精靈表和複雜型精靈表間的主要區別。基本的精靈表可以通過簡單的網格座標定位每個精靈的位置,而複雜的精靈表通常精靈大小不一致,爲了最大化利用空間,精靈表都是隨機分佈。
控制文件裏面包含了每個精靈的在精靈表中的位置和維度,同時控制文件爲每張圖像分配一個鍵(key),通過如下圖可以看出:一個複雜的精靈表由許多不同大小的形狀和圖像構成,我們可以通過Zwoptex等工具來生成。
4. Zwoptex工具的使用
我們可以通過下載這個工具來生成複雜的精靈表:http://www.zwoptexapp.com/
安裝完成後如下:
我們點擊create a new document 。如下:
Zwoptex工具有3中不同的輸出,如下:
(1)爲特定的精靈表存儲設置和圖像的項目文件。
(2)精靈表的png圖像。
(3)plist格式的控制文件。
使用步驟如下:
(1)import image:導入要輸入的圖片
(2)導入後如下:
(3)左邊的參數如下意思:
(4)接下來根據導入的圖片進行排序
我們通過設置width和height都爲256px。點擊layout,即可排序如下:
(5)點擊publish settings 進行輸出的配置,把輸出的路徑設置好就可以點擊publish輸出了。
今天的教程就到此結束。下次再接着講精靈類裏面的源碼過程