场景视图的2D模式
下一步我们将要学习的是在2D场景视图控制栏上的2D开关按钮。如下所示,通过选中 '2D'开关按钮 来启动2D模式:
这个开关按钮可以调节场景视图的两种状态: perspective projection 和 orthographic projection。它们有什么区别呢?
当我们处在perspective projection模式时,物体的尺寸会随着镜头的远近而产生变化,就如同在现实生活中一样。而orthographic projection模式中,物体离镜头的距离不会影响物体的尺寸。所以在2D模式中,离镜头较远的物体会被离镜头近的物体遮盖,但是其尺寸保持不变。
下图中我们使用两个方块来说明这两种模式的区别。
图中上方的是使用2D模式的视图(orthographic projection),下方的是去除2D选项时的视图(perspective projection)。我们可以看到在2D模式时,右上角的视图控制小图标被隐藏了,因为在2D模式时,Z轴是被固定的,只有以右为正方向的X轴和以上为正方向的Y轴。
重要说明:调节这个按钮是不会影响最终游戏体验的,但是这个镜头的设置可以帮助你安排将会使用的素材。在你设计2D游戏或3D游戏时,你可能会来回切换这两种模式。本教程的所有截图都是基于2D模式的。
小贴士:也许有的使用者希望能和教程中使用相同的软件界面,这里我提供我自己的界面如下图:
值得一提的是,本教程使用的是pro版本的unity,所以不要执着于皮肤的颜色,那是专门为砖家们那如宝宝般娇贵的眼睛而设计的(偷笑)。
译者提示:在Windows的版本中也许你的初始界面没有 Animator 或 Animation等组件,你可以在上方菜单栏中的Window中找到并点击,从而拖拽到位。
Sprites(精灵)
下面我们来看看添加一个Sprite到你的场景中会有多么的容易。
第一步, 从你之前下载的素材包中,拖动素材cat.png到 Scene(场景) 中, 如下所示:
第二步,写一封感谢信给Unity的开发人员,实在太简单了。(笑~)
注意:想知道为什么会在 Assets(素材集)中出现两只猫?马上揭晓
这个示范只是简单的使用了Unity的默认导入设定,在很多时候这都是不适用的。但是也说明了Unity是多么的简便。
Sprite Assets (素材集)
在 Hierarchy(层级)中选中 cat,然后看看 Inspector(检视)。你的Inspector或许不会与图中一模一样,但是不要担心。我们要说的重点是,为了使cat出现在场景中,Unity在这个GameObject(游戏对象)上附加了一个 Sprite Renderer(渲染器组件)。
虽然不是很明显,Unity还创建了这个对象的几何结构,在免费版本中,每一个Sprite被对应为一个简单长方形,但是在Pro版本中,其轮廓会根据像素而量身定做。如下图的zombie素材的网眼轮廓:
使用这种网眼轮廓,Unity可以增加场景的宣染率,这意味着这可以使其处理更少的像素,也能使素材被压缩的更小。
通过这个教程,你也将会学习渲染器的参数配置。但是现在让我们继续着眼于 Sprite。
从下图中我们可以发现,游戏对象 cat 在渲染器中生成了一个Sprite叫做cat:
在 Project 浏览器中,通过单击上图中箭头所指的 Sprite,Unity会使对应的Sprite高亮,如下图所示:
注意:高亮会在几秒钟后消失,如果你没有看见,可以再次单击它。
这个高亮的cat就是子对象,但为什么有两个cat呢?
亲本的cat是Texture asset(纹理集),它对应着你导入的原始图片 cat.png,同时也控制着你生成Sprite的导入设定。你可以看到它的四周有小的边框,它其实是你原始图片的缩略图。
而子对象cat是Unity在你导入cat.png时创建的一个Sprite。在这里,这个cat是唯一的一个子对象,在后面的分割Sprite时我们会学习如何用一个图片创建多个Sprite。
如你所见,你可以通过将素材拖入Scene view或者Hierarchy来添加Sprite,但是通常情况下,你需要先导入所有素材,再进行其他的操作。
现在将素材包中的 background.png、enemy.png和zombie.png 都添加进素材集吧。
提示:
添加素材的方法:
1. 拖拽素材到你的 Project Browser.
2. 通过菜单栏中的Assets\Import New Asset…,之后选择需要导入的素材。
3. 在Project Browser里右击鼠标,先择Import New Asset。
4. 将素材拖入Scene view或者Hierarchy。
原文作者:Christopher LaPollo
原文链接:https://www.raywenderlich.com/61532/unity-2d-tutorial-getting-started
|
|
|
|
|
|