Unity 2D 终结手册 (3) - 精灵编辑_Unity3d开发

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枢轴点的位置,不能够直接在信息面板中输入。

时间: 2024-10-10 00:57:35

Unity 2D 终结手册 (3) - 精灵编辑_Unity3d开发的相关文章

Unity 2D 终结手册 (1) (2) - 2D 项目+精灵_Unity3d开发

Unity 2D 终结手册 (1) - 2D 项目+精灵_Unity3d开发_蓝鸥 这篇系列文章主要介绍 Unity 2D 开发技术.包括 2D/3D 项目的区别.如何设置 2D/3D 模式.2D 开发中使用到的组件等. Unity 不止能够制作酷炫的 3D 游戏,同样也能够制作完美的 2D 游戏.使用 Unity 开发 2D 内容时,编辑器的大部分功能都是通用的,只不过有些功能为了简化 2D 开发,做了一些调整. (图 1)Unity 2D 游戏 在 Scene 视图上方的工具条中,有一个明显

Unity 2D游戏开发教程之精灵的死亡和重生

Unity 2D游戏开发教程之精灵的死亡和重生 精灵的死亡和重生 目前为止,游戏项目里的精灵只有Idle和Walking这两种状态.也就是说,无论精灵在游戏里做什么,它都不会进入其它的状态,如死亡.于是我们发现游戏里的精灵,即使是跳入“万丈深渊”,也依然存活,显然这种游戏逻辑无法让人接受.因此,本节就来说明为精灵添加死亡和重生这两种状态的方法,并使用脚本实现这两种状态的逻辑.具体的实现步骤如下: (1)在Hierarchy视图里,新建一个Empty对象,并命名为Death Trigger,设置其

Unity 2D游戏开发教程之游戏中精灵的跳跃状态

Unity 2D游戏开发教程之游戏中精灵的跳跃状态 精灵的跳跃状态 为了让游戏中的精灵有更大的活动范围,上一节为游戏场景添加了多个地面,于是精灵可以从高的地面移动到低的地面处,如图2-14所示.但是却无法从低的地面移动到高的地面,因为当前的游戏精灵只能左右移动,即left和right.为了解决这个问题,本节就来为精灵添加跳跃状态.   图2-14  精灵从一个地面移动到另一个地面 (1)如果要为精灵添加跳跃状态,即jump,就不得不再引入其它状态: q   landing:用于表示精灵接触到地面

Unity 2D游戏开发教程之游戏精灵的开火状态

Unity 2D游戏开发教程之游戏精灵的开火状态 精灵的开火状态 "开火"就是发射子弹的意思,在战争类型的电影或者电视剧中,主角们就爱这么说!本节打算为精灵添加发射子弹的能力.因为本游戏在后面会引入敌人,而精灵最好具备开火的能力,否则会被敌人轻易干掉!具体的实现方法是: (1)导入一个表示子弹的图片到Unity,本示例中选用的子弹图片,名为PlayerBullet,如图2-23所示. 图2-23  导入到游戏项目的表示子弹的图片 (2)拖动此图片到Scene视图,即可在当前的游戏场景中

?Unity 2D游戏开发教程之2D游戏的运行效果

Unity 2D游戏开发教程之2D游戏的运行效果 2D游戏的运行效果 本章前前后后使用了很多节的篇幅,到底实现了怎样的一个游戏运行效果呢?或者说,游戏中的精灵会不会如我们所想的那样运行呢?关于这些疑问,会在本节集中揭晓. (1)单击Unity上方,工具栏里的播放按钮,开始运行当前的游戏,默认精灵当前进入的是Idle动画状态,如图1-34所示. 图1-34  Idle状态 (2)当读者按下键盘上的左.右方向键,或者A.D键的时候,精灵会进入Walking动画状态,并且会向左或者向右移动,如图1-3

Unity 2D游戏开发教程之为游戏场景添加多个地面

Unity 2D游戏开发教程之为游戏场景添加多个地面 为游戏场景添加多个地面 显然,只有一个地面的游戏场景太小了,根本不够精灵四处活动的.那么,本节就来介绍一种简单的方法,可以为游戏场景添加多个地面.具体的操作方法是: (1)在Project视图里,新建一个文件夹,命名为Prefabs.然后将Hierarchy视图里的Platform对象,拖动到Prefabs文件夹中,如此一来就可以生成一个同名的预置资源,如图2-11所示. 图2-11  通过拖动对象到Project视图的方式,新建预置资源 (

Unity 2D入门基础教程

注:这是根据网上教程完成的. 翻译:http://blog.1vr.cn/?p=1422 原文:http://www.raywenderlich.com/61532/unity-2d-tutorial-getting-started 如果用以前版本的Unity做2D游戏,虽然能做,但是要费很多周折. 比如你可以将一张纹理赋予一个”面片”网格,然后用脚本控制它的动画调整它的位移.如果你要使用物理引擎,那么还要将这个Obeject处理3D的,所以 你还要确保你的Object要有足够的深度以确保他们在

Unity 2D游戏开发教程之使用脚本实现游戏逻辑

Unity 2D游戏开发教程之使用脚本实现游戏逻辑 使用脚本实现游戏逻辑 通过上一节的操作,我们不仅创建了精灵的动画,还设置了动画的过渡条件,最终使得精灵得以按照我们的意愿,进入我们所指定的动画状态.但是这其中还有一些问题.例如,我们无法使用键盘控制精灵当前要进入的动画状态,而且精灵也只是在原地播放动画而已.但我们希望精灵在进入到PlayerWalkingAnimation状态时,位置应该发生改变. 要解决这些问题,就需要编写脚本.也就是说,要使用脚本来实现动画的播放控制,以及其它一些游戏的逻辑

Unity 2D游戏开发快速入门第1章创建一个简单的2D游戏

Unity 2D游戏开发快速入门第1章创建一个简单的2D游戏 即使是现在,很多初学游戏开发的同学,在谈到Unity的时候,依然会认为Unity只能用于制作3D游戏的.实际上,Unity在2013年发布4.3版本的时候,就开始提供对制作2D游戏的支持了.例如,提供了一些专用于开发2D游戏的Unity工具.现在Unity已经发布了版本4.5,对2D游戏的支持更是完善了不少.为了说明Unity对2D游戏所提供的支持,本章会使用这些在Unity中原生的工具,开发一个简单的2D游戏.本文选自<Unity