Unity2D手册翻译(三)

Sprite Editor

有时候一个Sprite纹理只包含一个图形原素,但是把多个相关的图形一起合并到一个图片中会更方便。例如,这个图片可能包含某一个角色的多个组成部分,或者一个汽车,它的轮子独立于车体移动。Unity提供了一个 Sprite Editor 来让你方便的从一个合成图片里提取元素。

注意:

请确认你想编辑的图形的 Texture Type 已经被设置为 Sprite (2D and UI) 。想要了解导入和设置Sprites,参考 Sprites

带有多个元素的Sprite纹理,需要在Inspector里把 Sprite Mode 设置为 Multiple 。(参看下面的 图2:Texture Import Inspector ...

打开Sprite Editor

要打开 Sprite Editor

  1. Proect View 里选择你想要编辑2D图片(图1:Porject View)。 注意你不能编辑一个在 Scene View 里面的Sprite.
  2. 点击在 Texture Import Inspector 里的 Sprite Editor 按钮(图2:Texture Import Inspector)然后 Sprite Editor 显示(图3:Sprite Editor)。

注意: 只有在 Texture Type 设置为 Sprite(2D and UI) 的被点选图片上,你才会看到 Sprite Editor 按钮。

图1:Project View

图2:Texture Import Inspector with Sprite Editor button

注意: 如果你的图片有多个元素,应该在 Texture Import Inspector 里,把 Sprite Mode 设置成 Multiple

图3:Sprite Editor

和复合图片在一起,你会看到在窗口顶端的工具条里面有一批控件。右上方控件区的滑动条,彩色工具栏按钮在它左边的那个,可以选择你是否看到图片本身,或者是它的透明度。最右边的滑动条控制纹理的像素(mipmap)。移动滑动块到左边是减少Sprite纹理的解析度。最重要的空间是在左上的 Slice 菜单,这里有选项可以自动的把图片里的元素拆分开。最后,那个 AppleRevert 按钮可以保存或者取消任何你做的修改。

使用编辑器

使用这个编辑器最直接的方法,就是手动的分辨元素。如果你点击那个图片,你可以看到一个带调整柄的矩形选择区出现在角落里。你可以拖动矩形的调整柄或者边来改变它的大小,然后覆盖到一个指定的元素上。你可以通过拖动在图片的一个分割区域,拖动一个新的矩形,来获得一个新的孤立的元素。你会发现,当你选择了一个矩形的时候,一个面板会在窗口的右上方显示。

面板里的空间让你选择sprite图形的名字,并且通过坐标来设置矩形的位置和尺寸。边界宽度,从左边,上边,右边和下边可以用像素来指定。还有sprite的中心点可以设置,这个点是Unity用作调整此图形的原点和主“锚点”的。你可以从一批默认的矩形相关位置选择(比如中心、右上等等),或者使用自定义的坐标。

靠着Slice菜单的 Trim 按钮,会修改矩形的尺寸,让矩形紧密的配合图形的边缘,这种配合是基于透明度的。

注意 : Borders只支持UI系统,而不支持2D SpriteRenderer。

自动切片

手动的隔绝Sprite矩形很好用,但是在大多数情况下,Unity可以通过检测图形元素,然后自动为你提取它们,来节省你的工作。如果你点击在控制条里的那个 Slice 菜单,你可以看见这个面板:

当切片类型设置为 Automatic ,编辑器会尝试通过透明度去猜测sprite元素的边界。你可以为每个识别出来的sprite,设置一个默认的中心点。 Method 菜单可以选择如何处理纯港口中存在的部分。 Deleting existing 选项会无论什么已经选择了,都简单的替换掉, Smart 会在保留或调整现有的矩形时,尝试建立一个新的矩形,而 Safe 会增加一个新的矩形,完全不改变已经存在那里的任何东西。

Grid by Cell SizeGrid by Cell Count 选项在切片类型里也是可用的。当sprites已经在建立的时按一个规律的模式排列好的时候,这个选项非常有用。

Pixel Size 值决定分片的高度和宽度像素。如果你选择了gird by cell count, Column & Row 决定了切片时的行和列的数量。你也可以使用 Offset 值去变换从图片左上点的网格位置,而 Padding 值可以稍微从网格插入sprite矩形。 Pivot 可以设置成9个预设位置之一,或者一个 Custeom Pivot 位置。

注意在任何自动化切片方法使用之后,生成的矩形依然可以被手动编辑。你可以让Unity初步处理sprite边界和中心点定义,然后自己做必要的调优。

修改多边形大小

打开多边形的 Sprite Editor,你可以获得修改它的形状、尺寸和中心点位置的选项。

Shape

Sprite Editor: Polygon resizing-shape

输入边的数量到 Sides 格,然后带点 Change

Size and Pivot

Sprite Editor: Polygon resizing-size and pivot point-click on the polygon to display these options

SIZE:改变多边形的大小,点击sprite显示绿色边框线,然后Sprite信息盒。点击然后拖动绿色线建立你想要的边框,然后在Border 格子里的值会跟着变化。(注意你不能直接编辑 Border 格子的内容)

PIVOT:修改躲避新安县的中心点(多边形旋转的轴点),点击图片显示Sprite信息盒。点击 Pivot 下拉菜单,然后选择一个选项。这会显示一个蓝色的中线点圆圈在多边形上;它的位置依赖你选择的中心点选项。如果你想将来修改它,选择 Custom Pivot 然后点击并拖动蓝色中心点圆圈到想要的位置上。(注意你不可以直接编辑 Pivot 格子的内容)

原文发布于微信公众号 - 韩大(handa1740168)

原文发表时间:2016-08-23

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏极客生活

tableau绘制好看的折线图

871
来自专栏Python小屋

Python使用tkinter编写图片浏览程序

代码要点:1)使用tkinter的Label显示图片;2)tkinter的PhotoImage支持的图片格式较少,使用pillow扩展库的Image和Image...

3799
来自专栏用户画像

H5新增的行内的语义元素

mark元素主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字,其比较典型的应用就是在搜索结果中高亮显示搜索关键词。

872
来自专栏三流程序员的挣扎

Android 优化——应用瘦身

821
来自专栏java一日一条

简单好看的Android圆形进度条对话框开源库

本文介绍CircleProgressDialog开源库的使用及实现的详细过程,该开源库主要实现以下几个功能:

972
来自专栏james大数据架构

TableLayout(表格布局)

表格布局模型以行列的形式管理子控件,每一行为一个TableRow的对象,当然也可以是一个View的对象。TableRow可以添加子控件,每添加一个为一列。 Ta...

1878
来自专栏非著名程序员

Android自定义View之高仿QQ健康

? 我们都知道自定义View一般有三种直接继承View、继承原有的控件对控件的进行修改、重新拼装组合,最后一种主要针对于ViewGroup。具体的怎么做不是本...

1845
来自专栏大数据

前端女程序员教你,图片加载时,使用 SVG 作为图片 placehold

前言:使用 SVG 作为占位符不但可以减少数据大小还可以达到不错的显示效果。 不同类型的图片 placehold ? 请点击此处输入图片描述 对于图片占位符,通...

2099
来自专栏青玉伏案

视错觉升级版:多个视错觉效果实现

之前发表过一篇关于视错觉的文章:《视错觉:从一个看似简单的自定义控件说起》,虽然不是用iOS开发中的Mask来实现的,但是原理和Mask原理是一样的,相当于手动...

18510
来自专栏xingoo, 一个梦想做发明家的程序员

【前端开发系列】—— 文字阴影与样式

id与class的区别 id是这个界面唯一的元素,标识某个特定的容器,比如div等等。而class是一种样式,可以应用与多个div。 另外他们在配置CSS也是不...

1839

扫码关注云+社区