2DToolkit官方文档中文版打地鼠教程(三):Sprite Collections 精灵集合
2014-11-21 00:12
489 查看
这是2DToolkit官方文档中 Whack a Mole 打地鼠教程的译文,为了减少文中过多重复操作的翻译,以及一些无必要的句子,这里我假设你有Unity的基础知识(例如了解如何新建Sprite等)。当前2D Toolkit版本为2.4。
这是一篇系列教程,全文共13节(官方文档为4章,不过为了每节有明确目的,我根据官方文档的标题拆成了13节),下面是本系列教程的所有链接:
2DToolkit官方文档中文版打地鼠教程(一):初始设置
2DToolkit官方文档中文版打地鼠教程(二):设置摄像机
2DToolkit官方文档中文版打地鼠教程(三):Sprite Collections 精灵集合
2DToolkit官方文档中文版打地鼠教程(四):将精灵加入到游戏中
2DToolkit官方文档中文版打地鼠教程(五):Static Sprite Batcher 静态精灵批处理
2DToolkit官方文档中文版打地鼠教程(六):添加地鼠
2DToolkit官方文档中文版打地鼠教程(七):脚本
2DToolkit官方文档中文版打地鼠教程(八):Prefabs 预设体
2DToolkit官方文档中文版打地鼠教程(九):创建精灵动画
2DToolkit官方文档中文版打地鼠教程(十):播放精灵动画
2DToolkit官方文档中文版打地鼠教程(十一):游戏脚本
2DToolkit官方文档中文版打地鼠教程(十二):添加文本
2DToolkit官方文档中文版打地鼠教程(十三):为游戏添加声音
之前我们已经导入了游戏素材,在Project窗口,你可以看到Mole文件夹。打开里面的Textures文件夹,你会看到图片列表。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/mole_textures.png)
为了在项目中使用这些图形,我们将它们做成Sprite Collection精灵集合。
在Project窗口,新建一个文件夹,命名为Sprite Collections。
选中Sprite Collections文件夹,单击 Create > tk2d > Sprite Collection,在Sprite Collections文件夹创建一个SpriteCollection资源。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection.png)
选中SpriteCollection资源,重命名为Land,用来存放land相关的图片。
注意:尽管我们的游戏相当非常简单,但是如果你想做更大更复杂的游戏的话,思考如何将精灵分组是非常重要的。Unity内置动态分配系统,会自动减少draw请求,通过Z值可以非常高效的组织Sprite。在多个精灵集合中存在重复精灵时将增加draw请求次数,请不要将精灵添加到多个精灵集合。
在Inspector窗口中,单击Open Editor将会打开SpriteCollection窗口。为了更方便的拖拽精灵到窗口中,你可以将窗口固定。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_editor_button.png)
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_editor.png)
在Project窗口中,打开并选中 Mole > Textures 文件夹,拖拽下面的精灵到SpriteCollection窗口中Drop sprite here位置。你可以单独拖动一个,也可以多个一起拖动:
Cloud_01
Cloud_02
Cloud_03
Field_Background
Field_Foreground
Field_Midground
Field_Ploughed
Fields
Grass_01
Grass_02
Sky_Burst
Sky_Colour
Stone_01
Stone_02
Stone_03
Stone_04
Stone_05
Tree_01
Tree_02
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_drag.png)
在Sprites列表下,你可以选择其中一个精灵,它将会显示在主窗口中。
SpriteCollection窗口中,点击Settings按钮打开设置,这里的设置影响集合中的所有精灵。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_settings.png)
在早期的2DToolkit版本中,为了让游戏对象正确的显示在屏幕上,你需要选中 Use tk2DCamera 选项。不过,在当前版本的2DToolkit中,精灵集合会自动检测tk2DCamera是否使用。单击 Commit 按钮保存我们所进行的修改。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_commit.png)
你可能会看到一个弹窗警告:unable to fit textures in the requested atlas area ,单击OK按钮。这里提示我们纹理过多,合并后的图片可能超出大小,一般是指2048*2048这种。如果你做过图片合并压缩,可能会理解我的意思。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_warning.png)
我们有两种途径解决此问题:在Atlas Settings中增加Atlas的大小,或者把大图分割成多个小图,或者两种办法同时使用。
在Spite列表中的选中一个精灵,能在主窗口的右下角看到图片的大小。通过查看各个sprite,我们可以看到 Field 精灵尺寸最大。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_img_size.png)
选中Field的多个精灵,在右边窗口中把 Render Mesh 值从 Default 修改为 Diced 。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_multiselect.png)
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_dice.png)
它将会提供给我们两个可供改变的值:Dice X 和 Dice Y。修改他们两个的值为64并点击Apply按钮。这会将每个图片分割为64*64的块,不过不用担心,2d Toolkit会在他们需要显示时,将它们重新组合在一起。下面的图片展示了修改之前和之后的样子:
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/atlas_no_dice.png)
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/atlas_dice.png)
正如你所看到的,精灵被存储为未切割图谱的原始图像,而在切块图集中已进行切割。
返回Settings设置,并且将Atlas Settings中的Max Size值修改为2048并单击Commit,图集就会被创建。对于其他精灵图集你可能需要经过试验来找到合适的切片及图集大小。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_atlas_size.png)
重复步骤2开始创建包含以下详细内容的精灵集合:
Mole: Mole_Hit, Mole_Hole, Mole_Hole_Mud, Mole_Normal
Dust: Animated_Dust_01 to Animated_Dust_16
记住确定你的修改!
本系列教程的所有链接:
2DToolkit官方文档中文版打地鼠教程(一):初始设置
2DToolkit官方文档中文版打地鼠教程(二):设置摄像机
2DToolkit官方文档中文版打地鼠教程(三):Sprite Collections 精灵集合
2DToolkit官方文档中文版打地鼠教程(四):将精灵加入到游戏中
2DToolkit官方文档中文版打地鼠教程(五):Static Sprite Batcher 静态精灵批处理
2DToolkit官方文档中文版打地鼠教程(六):添加地鼠
2DToolkit官方文档中文版打地鼠教程(七):脚本
2DToolkit官方文档中文版打地鼠教程(八):Prefabs 预设体
2DToolkit官方文档中文版打地鼠教程(九):创建精灵动画
2DToolkit官方文档中文版打地鼠教程(十):播放精灵动画
2DToolkit官方文档中文版打地鼠教程(十一):游戏脚本
2DToolkit官方文档中文版打地鼠教程(十二):添加文本
2DToolkit官方文档中文版打地鼠教程(十三):为游戏添加声音
这是一篇系列教程,全文共13节(官方文档为4章,不过为了每节有明确目的,我根据官方文档的标题拆成了13节),下面是本系列教程的所有链接:
2DToolkit官方文档中文版打地鼠教程(一):初始设置
2DToolkit官方文档中文版打地鼠教程(二):设置摄像机
2DToolkit官方文档中文版打地鼠教程(三):Sprite Collections 精灵集合
2DToolkit官方文档中文版打地鼠教程(四):将精灵加入到游戏中
2DToolkit官方文档中文版打地鼠教程(五):Static Sprite Batcher 静态精灵批处理
2DToolkit官方文档中文版打地鼠教程(六):添加地鼠
2DToolkit官方文档中文版打地鼠教程(七):脚本
2DToolkit官方文档中文版打地鼠教程(八):Prefabs 预设体
2DToolkit官方文档中文版打地鼠教程(九):创建精灵动画
2DToolkit官方文档中文版打地鼠教程(十):播放精灵动画
2DToolkit官方文档中文版打地鼠教程(十一):游戏脚本
2DToolkit官方文档中文版打地鼠教程(十二):添加文本
2DToolkit官方文档中文版打地鼠教程(十三):为游戏添加声音
之前我们已经导入了游戏素材,在Project窗口,你可以看到Mole文件夹。打开里面的Textures文件夹,你会看到图片列表。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/mole_textures.png)
为了在项目中使用这些图形,我们将它们做成Sprite Collection精灵集合。
在Project窗口,新建一个文件夹,命名为Sprite Collections。
选中Sprite Collections文件夹,单击 Create > tk2d > Sprite Collection,在Sprite Collections文件夹创建一个SpriteCollection资源。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection.png)
选中SpriteCollection资源,重命名为Land,用来存放land相关的图片。
注意:尽管我们的游戏相当非常简单,但是如果你想做更大更复杂的游戏的话,思考如何将精灵分组是非常重要的。Unity内置动态分配系统,会自动减少draw请求,通过Z值可以非常高效的组织Sprite。在多个精灵集合中存在重复精灵时将增加draw请求次数,请不要将精灵添加到多个精灵集合。
在Inspector窗口中,单击Open Editor将会打开SpriteCollection窗口。为了更方便的拖拽精灵到窗口中,你可以将窗口固定。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_editor_button.png)
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_editor.png)
在Project窗口中,打开并选中 Mole > Textures 文件夹,拖拽下面的精灵到SpriteCollection窗口中Drop sprite here位置。你可以单独拖动一个,也可以多个一起拖动:
Cloud_01
Cloud_02
Cloud_03
Field_Background
Field_Foreground
Field_Midground
Field_Ploughed
Fields
Grass_01
Grass_02
Sky_Burst
Sky_Colour
Stone_01
Stone_02
Stone_03
Stone_04
Stone_05
Tree_01
Tree_02
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_drag.png)
在Sprites列表下,你可以选择其中一个精灵,它将会显示在主窗口中。
SpriteCollection窗口中,点击Settings按钮打开设置,这里的设置影响集合中的所有精灵。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_settings.png)
在早期的2DToolkit版本中,为了让游戏对象正确的显示在屏幕上,你需要选中 Use tk2DCamera 选项。不过,在当前版本的2DToolkit中,精灵集合会自动检测tk2DCamera是否使用。单击 Commit 按钮保存我们所进行的修改。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_commit.png)
你可能会看到一个弹窗警告:unable to fit textures in the requested atlas area ,单击OK按钮。这里提示我们纹理过多,合并后的图片可能超出大小,一般是指2048*2048这种。如果你做过图片合并压缩,可能会理解我的意思。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_warning.png)
我们有两种途径解决此问题:在Atlas Settings中增加Atlas的大小,或者把大图分割成多个小图,或者两种办法同时使用。
在Spite列表中的选中一个精灵,能在主窗口的右下角看到图片的大小。通过查看各个sprite,我们可以看到 Field 精灵尺寸最大。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_img_size.png)
选中Field的多个精灵,在右边窗口中把 Render Mesh 值从 Default 修改为 Diced 。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_multiselect.png)
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_dice.png)
它将会提供给我们两个可供改变的值:Dice X 和 Dice Y。修改他们两个的值为64并点击Apply按钮。这会将每个图片分割为64*64的块,不过不用担心,2d Toolkit会在他们需要显示时,将它们重新组合在一起。下面的图片展示了修改之前和之后的样子:
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/atlas_no_dice.png)
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/atlas_dice.png)
正如你所看到的,精灵被存储为未切割图谱的原始图像,而在切块图集中已进行切割。
返回Settings设置,并且将Atlas Settings中的Max Size值修改为2048并单击Commit,图集就会被创建。对于其他精灵图集你可能需要经过试验来找到合适的切片及图集大小。
![](http://www.2dtoolkit.com/docs/2.4/tutorial/whack_a_mole/img/spritecollection_atlas_size.png)
重复步骤2开始创建包含以下详细内容的精灵集合:
Mole: Mole_Hit, Mole_Hole, Mole_Hole_Mud, Mole_Normal
Dust: Animated_Dust_01 to Animated_Dust_16
记住确定你的修改!
本系列教程的所有链接:
2DToolkit官方文档中文版打地鼠教程(一):初始设置
2DToolkit官方文档中文版打地鼠教程(二):设置摄像机
2DToolkit官方文档中文版打地鼠教程(三):Sprite Collections 精灵集合
2DToolkit官方文档中文版打地鼠教程(四):将精灵加入到游戏中
2DToolkit官方文档中文版打地鼠教程(五):Static Sprite Batcher 静态精灵批处理
2DToolkit官方文档中文版打地鼠教程(六):添加地鼠
2DToolkit官方文档中文版打地鼠教程(七):脚本
2DToolkit官方文档中文版打地鼠教程(八):Prefabs 预设体
2DToolkit官方文档中文版打地鼠教程(九):创建精灵动画
2DToolkit官方文档中文版打地鼠教程(十):播放精灵动画
2DToolkit官方文档中文版打地鼠教程(十一):游戏脚本
2DToolkit官方文档中文版打地鼠教程(十二):添加文本
2DToolkit官方文档中文版打地鼠教程(十三):为游戏添加声音
相关文章推荐
- 2DToolkit官方文档中文版打地鼠教程(二):设置摄像机
- 2DToolkit官方文档中文版打地鼠教程(一):初始设置
- [Guava官方文档翻译] 7. Guava的Immutable Collection(不可变集合)工具 (Immutable Collections Explained)
- 十月微信小程序导航:官方文档+精品教程+demo集合(10月14日更新)
- MXNet官方文档中文版教程(8):使用预训练模型预测
- Python3.2官方文档教程---Set集合
- 微信小程序联盟:官方文档+精品教程+demo集合(6月16日更新……)
- MXNet官方文档中文版教程(1):教程(Tutorials)
- 微信小程序联盟:官方文档+精品教程+demo集合(6月30日更新)
- MXNet官方文档中文版教程(6):线性回归(LinearRegression)
- 2D Toolkit官方教程翻译
- 微信小程序联盟:官方文档+精品教程+demo集合(12月更新……)
- 《swift2.0 官方教程中文版》 第2章-04集合类型
- MXNet官方文档中文版教程(2):GPUCPU张量计算(NDArray)
- 2D Toolkit 官方文档。
- 微信小程序导航:官方文档+精品教程+demo集合(5月9日更新)
- 微信小程序导航:官方文档+精品教程+demo集合(5月31日更新)
- MXNet官方文档中文版教程(5):加载数据(Iterators)
- MXNet官方文档中文版教程(3):神经网络图(Symbol)
- Unity3D 官方文档 2D游戏的起始1 2D与3D的区别、细节,Sprite设置处理