【iphone游戏开发】iphone-Cocos2D游戏开发之二:精灵表的详细讲解(一)和Zwoptex工具的使用
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输出了。
今天的教程就到此结束。下次再接着讲精灵类里面的源码过程。
作者: qiaoshe 发表于 2011-10-20 11:50 原文链接
最新新闻:
· HTC 将向开发者提供 Beats OpenSense 的音效 API 接口(2011-10-20 17:59)
· Facebook CTO妙论移动平台上的Web App与原生应用的合众连横(2011-10-20 17:58)
· 户外广告的革命性创新:用户可直接购买NFC互动广告箱显示的产品(2011-10-20 17:55)
· 奋起直追 微软WP阿波罗硬件标准曝光(2011-10-20 17:54)
· 三星:Galaxy Nexus从设计之初就避免和苹果打专利战(2011-10-20 17:53)