Unity 2D 终结手册 (3) - 精灵编辑_Unity3d开发_蓝鸥
有时,一个精灵纹理(Texture)只包含一个精灵元素(Element),但是更常见的是,在一张图像中包含多个相关的精灵元素,这样使用起来会更方便。例如,在一张图像中可以包含一个角色身上的所有部位,或者包含一辆车的车轮、车身等。对于这样的图像资源,Unity 提供了一个方便的工具,能够快速地提取出里面的元素并让我们进行编辑,这就是精灵编辑器(Sprite Editor)。
通过以下两个步骤打开精灵编辑器(Sprite Editor):
1、从项目视图(Project)中选中我们想要进行编辑的精灵,在场景中是不能对精灵进行编辑的;
2、在检视视图(Inspector)里导入设置中,点击Sprite Editor按钮打开精灵编辑器(Sprite Editor)。
(图 1)项目视图
只有当我们把图像的纹理类型(Texture Type)设置为Sprite(2D and UI)时才能够看到Sprite Editor按钮;
(图 2)精灵图像的导入设置
如果我们的图片中存在多个精灵元素,我们还需要将精灵模式(Sprite Mode)修改为多精灵模式(Multiple)。
(图 3)精灵编辑器
在精灵编辑器(Sprite Editor)视图的顶部,有一行工具条,里面有很多控制工具。其中右上角的滑杆控制纹理像素化(Pixelation),向左移动滑块会减少纹理的分辨率。再往左那个滑杆,控制视图的缩放。再往左有一个类似彩条的图标,这个是查看图像的Alpha 等级(透明度)。
最重要的按钮都在工具条的左侧,其中的切片(Slice)菜单能够根据我们的设置,将纹理中的精灵自动分割出来。最后修改完毕,我们别忘了点击应用(Apply)按钮来保存我们的修改,或者点击放弃(Revert)按钮放弃本次修改。
使用精灵编辑器(Sprite Editor)最直接的方法,就是手动标记精灵元素。我们点击图片后,就会出现一个矩形选择区域,并且四个角都有控制点。我们可以拖动控制点或矩形边缘,来框选出一个精灵元素。我们在矩形选择区外拖拽时,会生成一块新的矩形选择区域,这样最终能够框选出多个精灵。当我们选中某个矩形选择区时,会出现一个新的视图:
(图 4)精灵属性面板
在这个精灵属性面板中,我们可以调整精灵的名字。位置(Position)属性用来设置矩形选择区的位置(X、Y)和宽(W,Width)、高(H,Height)。边框(Biorder)属性用来设置精灵边框的上(T,Top)、下(B,Bottom)、左(L,Left)、右(R,Right)的大小,边框只在 UI 系统中有效,对于精灵渲染器(Sprite Renderer)无效。
在这里也可以设置精灵的枢轴(Pivot),枢轴是 Unity 中图形坐标系中的原点,也是主要的锚点(Anchor Point)。我们可以选择一些默认的相对位置作为枢轴(Pivot),比如中心点(Center)、右上角(Top Right)等,也可以自己定义枢轴(Pivot)的位置。
回到工具条最左侧,在切片(Slice)菜单后面是整理(Trim)按钮。点击之后精灵元素会重新计算自己的矩形选择区大小,并进行调整,使之刚好包围元素边界,这些自动调整是根据图像的透明度计算出来的。
除了可以手动分割精灵外,Unity 也能够根据图形元素自动分割精灵,这样可以节省我们的时间。当我们点击了工具条上的切片(Slice)菜单后能够看到:
(图 5)切片菜单
第一个类型(Type)属性表示切割类型,我们可以把它设置为自动切割(Automatic),这时编辑器会根据不透明度(Alpha)来计算出精灵的边界。我们也可以设置每个精灵默认的枢轴(Pivot)位置。而方法(Method)属性能够让我们选择如何处理当前窗口中已分割好的精灵。
删除存在的(Delete Existing)选项会清除当前已经分割好的精灵,重新进行自动分割;
智能(Smart)选项也能自动分割出新的精灵,但是对于已经分割出来的精灵会尝试着保留或进行调整;
安全(safe)选项会自动分割出新的精灵,而且不会对已经分割好的精灵做出任何改变。
除了自动切割(Automatic)以外,还有两种类型,根据元素大小进行网格分割(Grid By Cell Size)和根据元素数量进行网格分割(Grid By Cell Count)。如果我们的精灵在创建时就以规律的方式进行布局,我们就可以用这两种分割类型。
(图 6)网格分割
在根据元素大小进行网格分割(Grid By Cell Size)中,像素大小(Pixel Size)用来设置每个精灵元素的宽度和高度。如果我们使用的是根据元素数量进行网格分割(Grid By Cell Count),那么我们可以指定切割完毕后精灵元素的列数和行数。设置偏移量(Offset)属性可以设置精灵元素相对于左上角的位移,设置填充(Padding)属性则可以让矩形区域之间留出一定的距离。最后一个枢轴(Pivot)属性可以给每个切割出来的精灵元素设置默认的枢轴位置。
我们通过自动切割产生的精灵元素,还可以自己手动进行调整,这样,我们可以先使用自动切割,切出大概的精灵,然后需要的话再通过手动进行微调。
在图像的导入设置中,我们将纹理类型(Texture Type)设置为Sprite(2D and UI),然后下面的精灵模式(Sprite Mode)除了多精灵模式(Multiple)外,还有一个多边形模式(Polygon)。在此模式下每个图像都只被分割成一个精灵元素,而且我们可以指定分割多边形的形状、大小、枢轴等。
(图 7)多边形精灵
点击左上角的改变形状(Change Shape)菜单,输入多边形的边数,在点击Change按钮,就能够编辑不同形状的多边形。
(图 8)修改多边形的边框和枢轴点
要想改变多边形的大小,先选中多边形精灵,会出现绿色的边框线和信息面板。点击并拖拽绿线就能够修改边框的大小,同时信息面板中的Border的值也会随之变化。但不能够直接在信息面板中修改边框的值。
如果要想改变枢轴点的位置,先选中多边形精灵,然后在信息面板中点击Pivot按钮,会弹出下拉框选项,可以自己选择枢轴点的位置。如果我们需要一个特殊的枢轴点位置,可以把Pivot属性设置为Custom,然后再在精灵多边形中点击拖动蓝色的枢轴点,就可以放置在任意位置。但是Custom枢轴点的位置,不能够直接在信息面板中输入。