Andy--清风

总有一种东西能让你一直为他奋斗终身, 永不孤独寂寞
随笔 - 30, 文章 - 1, 评论 - 107, 阅读 - 91581
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

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




今天的教程就到此结束。下次再接着讲精灵类里面的源码过程。

编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
点击右上角即可分享
微信分享提示