SpriteSheet－zwoptes使用

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輸出了。