Unity3D+免费工具开发2D游戏之二：制作关卡1的界面

原文地址：http://www.rocket5studios.com/tutorials/make-a-2d-game-with-unity3d-using-only-free-tools-part-2/

原版翻译，转载请注明出处：http://blog.csdn.net/ariel7321/article/details/7771638

第一节中我们介绍了一些工具和插件，并设置了下项目，本节将介绍如何创建关卡。

虽然在第一节中介绍了很多插件，但我们重点在Orthello上。

初始化项目

在我们开始制作关卡精灵前需要对项目设置做一些改变。

Build Settings:

• File –> Build Settings…
• 点击Web Player，点击switch platform。
• 关闭Build Settings窗口。

Player Settings：

• Edit –> Project Settings –> Player。
• 在Per-Platform Settings下点击网状球的图标。
• 在Resolution and Presentation中将Screen Width改为800，Screen Height改为600.

Render Settings:

• 因为在2d游戏中我们不用光照系统，所以我们在这调节下unity默认的环境光，使之更亮点。
• Edit –> Render Settings…
• 点击 Ambient Light，然后将颜色改为 (255, 255, 255, 255)。

初始化Orthello 2D

• 在unity的项目视图里，进入 Orthello -> Objects，然后将OT prefab拖到Scene中或是Hierarchy中。（第一节做过了）
• 点开OT对象，然后点击View
• 修改Pixel Perfect Resolution为800*600.
• 修改Custom Size为10

此时，如果你点击Main Camera，你会发现它被改为正交投影了，而且大小被改为10了。

此时你的项目看起来像下面的图（注意，这里我加入了一个Cube用来比较规模）：

Download the project up to this point.

制作关卡精灵图

好了，所有的初始化设置都OK了，现在到了深入进去的时候了。Lode Runner里面的关卡都是由一些简单的贴图拼起来的：砖（可以被挖开的），混凝土（不可挖的），梯子和绳索。

• 下载资源sprite.png，然后解压。
• 启动TexturePacker，然后将sprites/level文件夹下的png文件都拖放到Sprites面板。
• 将sprites/shoot文件夹下的png文件也都拖放到Sprites面板中。

Texture Settings / Layout:

• 将Algorithm 设置成Basic。
• 不勾选Trim。
• 不勾选Enable Auto Alias。

Texture Settings / Output:

• 保留Data格式为cocos2d。
• 在Data File中，点击...，将输出保存到项目的Assets下（我保存在Assets/SpriteAtlases），保存为“level”。
• TexturePacker 自动给文件加了后缀.plist，但是Unity需要.xml文件，因此我们将.plist改为.xml。
• Texture File路径应该也被设置成和Data File一样的了。

如果你按照我上面的步骤去做，TexturePacker的设置就如下图所示：

如果你点击Publish，然后切换到unity你就会在项目视图里看到SpriteAtlases 文件夹，在此文件夹下看到精灵贴图和精灵数据文件。

我们需要在Unity里做些修改让它看起来正确。

• 在项目视图里选择level.png，在Inspector 中将Filter Mode改为Point。
• 点击 Override for Web，将Format 设置成Truecolor ，然后点击Apply。

制作关卡1

是时候用Orthello制作关卡了。

精灵容器：

• 在unity的项目视图，点开orthello：Orthello –> Objects –> Sprites –> SpriteAtlas，然后将 SpriteAtlas-Cocos2D拖到Hierarchy中。
• 在Hierarchy窗口，点开OT->Containers，你会发现出现了一个新的Container，名字类似“Container (id=-6840)“，这个Container将会包容我们关卡需要的所有的精灵，所有我们可以命名它为“level”。
• 将“level.png”拖放到“OTSprite Atlas Cocos 2D” 脚本的Texture位置。
• 将“level.xml”拖放到“OTSprite Atlas Cocos 2D” 脚本的Atlas Data File 位置。

制作砖动画

砖瓦在被销毁和重建时都有动画，所有我们先做动画。

• 将Animation 对象拖到Hierarchy中 Orthello –> Objects –> Sprites ，这将会在OT –> Animations下添加一个新的对象，名字类似 “Animation (id=-4320)“，将其重新命名为“level anims”。
• 点选刚创立的动画对象，将设置修改为下图所示的。
• 在Framesets下，将Size设置为3.
• 为了填充Container区域，将 OT –> Containers 下的level拖放进去。

• 然后将Orthello –> Objects –> Sprites 下的AnimatingSprite 拖放到Hierarchy中，这会给场景添加一个新的对象，名字类似“Animating Sprite (id=-23050)“。将名字改为“brick“。
• 将“level anims”拖放到“brick”的Animation位置。 Sprite Container位置会被自动填上“level”容器对象。如果没有，你可以自己将“level”容器对象拖放到此位置。

此时你应该看到brick精灵在场景中，如果你播放，你会看到brick的动画在一直播放。但我们不希望动画在一开始就播放，所以将 Play On Start的勾选去掉。

注意：如果你在场景中看不到brick，请将brick的scale属性改为（1,1,1）。

给砖添加碰撞

我们需要给砖添加碰撞属性，因为我们需要让主角知道他们何时站在地面上。

• 选中brick，勾选Collidable ，这给brick自动添加一个Box Collider 和Rigidbody组件。
• 我们需要给对象添加一个特定的标签Tag，然后将其加入到层Layer中。 打开Edit –> Project Settings –> Tags，打开Tag Manager。
• 然后点开最上面的Tags，然后在Element0 区域输入“Ground”，然后回车。以后我们还需要更多的Tag，所以我们在这都一并加上，再加个“Ladder”和“Rope”。
• 我们也需要一些层Layers，所以我们在User Layer 8位置输入“Ground”，在User Layer 9位置输入“Ladder”。
• 点击brick对象，然后在Tag的下拉菜单下选择“Ground”。然后在Layer下拉菜单中也选择“Ground”。

将它变为Prefab

后面我们会给brick添加一些其他的属性，所以我们将brick对象变为prefab，这样我们给它做的改变都会被应用到其他所有prefab的brick对象中。制作一个prefab的brick非常的简单，后面会给你省很多时间的。

• 在你的项目视图中创建一个新的文件夹 “Prefabs“。
• 将“brick”拖放到“Prefabs”文件夹中。

制作静态的关卡精灵

接下来我们需要添加混凝土、梯子和绳索，我们将使用和上面一样的容器来显示他们，但是我们不用AnimatedSprite，而是用Sprite对象。

混凝土贴图

• 如果你的brick对象还在场景的正中间，请移走他。
• 将Orthello –> Objects –> Sprites 下的Sprite 拖放到Hierarchy中，这会给场景添加一个新的对象，名字类似“Sprite (id=-3700)“。将名字改为“concrete“。
• 将OT –> Containers 下的level容器拖放到concrete的 Sprite Container位置处。
• 此时精灵就在场景中了，但是看起来跟之前的brick一样，这是因为brick在level图片的第一个位置。而混凝土图片在第14位，所以将 “Frame Index”设置为14. 这时看起来像一个固体混凝土了。
• 勾选Collidable ，给它添加一个碰撞检测器。
• 在Tag的下拉菜单下选择“Ground”。然后在Layer下拉菜单中也选择“Ground”。
• 将concrete拖到项目视图的“Prefabs”文件夹下创建prefab对象。

梯子和绳索贴图

添加梯子和绳索贴图的步骤类似于混凝土。

• 如果你的concrete对象还在场景的正中间，请移走他。
• 将Orthello –> Objects –> Sprites 下的Sprite 拖放到Hierarchy中，这会给场景添加一个新的对象，名字类似“Sprite (id=-3700)“。将名字改为“ladder“。
• 将OT –> Containers 下的level容器拖放到concrete的 Sprite Container位置处。
• 将 “Frame Index”设置为15.
• 复制一个ladder，然后将其命名为rope
• 将rope的 Frame Index改为17.
• 将ladder和rope拖到项目视图的“Prefabs”文件夹下创建prefab对象。

制作底部的边界

现在我们已经准备好所有的制作关卡用的精灵了。但是我们先制作地步的边界区域。这底部的边界区域可以给主角和敌人等物体站立的地方（如果砖墙被挖了的话）。

• 创建一个cube：Object –> Create Other –> Cube，命名为“border bottom“。
• 将Transform的position改为 X: 0, Y: -10.3, Z: 0。
• 将Transform的scale改为 X: 26, Y: 1, Z: 1。
• 将border bottom拖到项目视图的“Prefabs”文件夹下创建prefab对象。

此时我们应该可以在游戏视图里看到只露出上面一小半截的cube，而且它的两头都没有到达游戏视图的边界。这个cube实在是太丑陋了，让我们改变一下它的材质让它看起来和brick搭配一点。

• 在项目视图中新建一个文件夹“Materials”。
• 右击Materials文件夹创建一个新的材质 Create –> Material，命名为“border”。
• 选中border材质，点击“Main Color”旁边的白色区域，弹出颜色选择界面。
• 将RGBA设置改为R: 159, G: 2, B: 0, A: 255，然后关闭这个界面。
• 将border材质拖放到border bottom对象上，此时border bottom对象应该具有和brick一样的颜色了。
• 选中border bottom，然后点击Prefab旁边的Apply，这样就更新设置到刚刚创立的Prefab对象上了。

修改背景颜色

我们几乎准备好去制作一个关卡了，但是我们首先将背景设置成黑色。

• 选中Main Camera ，然后点击Background旁边的颜色选择吸管。
• 将RGBA设置成0,0,0,255，此时游戏视图中的背景应该是黑色了。

制作一个关卡

哇！我们做了好多步骤，不够现在你已经拥有了制作一批关卡的所有东西了。是几乎所有的东西，你还需要主角、敌人、可以捡起的小物体和一些其他的东西，这些我们在后续的讲解中介绍。

此时，你可以通过不断的复制brick、concrete、ladder和rope来制作一个关卡。但是在做这些之前，我有一些小技巧分享：

• 在场景视图里，在Scene栏下面的下拉菜单里，选择Tex-Wire。
• 你可以使用Vertex Snap很简单的排列物体—在场景视图里，按住V键，然后移动鼠标到物体的四个角落周围看看，你会看到在最近的一个顶点上出现一个方框来锁定这个顶点，然后按住鼠标左键来拖到物体到你希望的位置，你会发现它会紧紧的而且恰当的贴在周围的物体边上。
• 还记得之前做的border bottom物体，你可以以此为基准线来搭建关卡。不用担心Z轴，Orthello不允许你在z轴移动的。
• 你可以一下子选中好几个对象（shift+左击来选择，或拖动一片区域来选择），然后复制，在用V键对齐。

下图是我完成后的关卡：

结尾

我希望你喜欢这篇文章，然后能学到一些关于用unity制作2d游戏的知识。在下一篇里我们将会加入可移动的主角，可以让他在整个关卡里移动。

如果你喜欢，请回复这篇博客，并关注我的 Twitter和 Facebook。你的支持会帮助这个教程的持续进行。这个博客是iDevBlogADay的一部分，这里面收集了一系列程序员开发的经验。

Download the project up to this point.