SpriteSheet－zwoptes使用

1.精灵表的分类&＃xff1a;

简单精灵表&＃xff1a;精灵表中的图片都具有相同维度

复杂精灵表&＃xff1a;精灵表中的图片可以具有不同的维度。

2.简单精灵表

通过SpriteSheet类将提供的图像切割成大小相同的子图像&＃xff0c;当一个新的精灵表被实例化时将提供切割时用到的维度&＃xff0c;同时也将提供精灵表图像中已用的“间隔”信息。

3.复杂精灵表

通过PackedSpriteSheet类来解析&＃xff0c;该类需要一个图像和控制文件的名称。通过解析该控制文件就能获得精灵表中的精灵的位置和大小。

有无控制文件是基本型精灵表和复杂型精灵表间的主要区别。基本的精灵表可以通过简单的网格坐标定位每个精灵的位置&＃xff0c;而复杂的精灵表通常精灵大小不一致&＃xff0c;为了最大化利用空间&＃xff0c;精灵表都是随机分布。

控制文件里面包含了每个精灵的在精灵表中的位置和维度&＃xff0c;同时控制文件为每张图像分配一个键&＃xff08;key&＃xff09;&＃xff0c;通过如下图可以看出&＃xff1a;一个复杂的精灵表由许多不同大小的形状和图像构成&＃xff0c;我们可以通过Zwoptex等工具来生成。

4. Zwoptex工具的使用

我们可以通过下载这个工具来生成复杂的精灵表&＃xff1a;http://www.zwoptexapp.com/

安装完成后如下&＃xff1a;

我们点击create a new document 。如下&＃xff1a;

Zwoptex工具有3中不同的输出&＃xff0c;如下:

(1)为特定的精灵表存储设置和图像的项目文件。

(2)精灵表的png图像。

(3)plist格式的控制文件。

使用步骤如下&＃xff1a;

&＃xff08;1&＃xff09;import image&＃xff1a;导入要输入的图片

&＃xff08;2&＃xff09;导入后如下&＃xff1a;

&＃xff08;3&＃xff09;左边的参数如下意思&＃xff1a;

&＃xff08;4&＃xff09;接下来根据导入的图片进行排序

我们通过设置width和height都为256px。点击layout&＃xff0c;即可排序如下&＃xff1a;

&＃xff08;5&＃xff09;点击publish settings 进行输出的配置&＃xff0c;把输出的路径设置好就可以点击publish输出了。