首页 > Unity3D频道 > 【Unity3D研究院之游戏开发】 > Unity3D研究院之2D游戏开发制作原理(二十一)
2012
05-07

Unity3D研究院之2D游戏开发制作原理(二十一)

          经过了4个月不懈的努力,我和图灵教育合作的这本3D游戏开发书预计下个月就要出版了。这里MOMO先打一下广告,图灵的出版社编辑成员都非常给力,尤其是编辑小花为这本书付出了很大的努力,还有杨海玲老师,不然我也无法完成这本书的编写。等这本书出版了大家记得买喔,哇咔咔~ 下面,这篇文章是MOMO 3D游戏开发书籍中的一小段章节的修改版本,本篇文章我们将探讨一下Unity3D中如何来制作2D游戏。目前市面上已经有非常成熟的2D游戏引擎,比如cocos2d 或cocos2d-x等,并且都是免费的开发者可以直接用来制作2D游戏。然而使用3D引擎来制作2D游戏会让游戏画面更加附有立体感,因为2D游戏中Z轴永远是0,而3D游戏中Z轴是可变化的。

        接着说说在Unity3D中制作2D游戏的原理。在Unity3D中绘制贴图的方式大致可分为两种,第一种是在GUI中绘制贴图,第二种是在网格面上绘制贴图。先说说第一种,GUI主要用来制作简单的游戏2D界面,比如游戏主界面中绘制的“游戏名称”、“开始游戏”、“保存游戏”、“退出游戏”一些按钮或界面中一切其它的高级控件,文本框,输入框等等、GUI只能制作简单的图形化界面,因为它的渲染效率非常低,它与3D世界中网格模型的渲染机制完全不一样。第二种的属于将图片绘制在3D中网格平面中,它的渲染效率远远高于GUI中,在制作2D游戏时都是将所有贴图绘制在平面模型对象之上,最后用摄像机以90度垂直的角度照射这这些平面。

  下面我们开始学习在Unity3D中制作2D游戏的原理。2D游戏又可以分为两种,区别是物体碰撞时带物理引擎或不带物理引擎。带物理引擎就好比《奋斗的小鸟》一样,大家应该都玩过,小鸟发射后下落击落其它物体将发生物理的碰撞。(我没有细看这款游戏,但是我知道2D 与3D引擎都都可制作),不带物理引擎的就好比《捕鱼达人》这种游戏,游戏中碰撞都是由代码自己来完成的,经典的2D碰撞监测包括:矩形与矩形的碰撞、点与矩形的碰撞、圆与圆的碰撞等。今天这篇文章我们主要讨论第二种不带物理引擎的2D游戏。

如下图所示,我们盘点一下2D游戏中必备的几个元素。

摄像机:无论是3D游戏还是2D游戏摄像机都是非常重要的属性,移动摄像机即可更改屏幕中显示的内容,游戏地图的坐标永远都不会发生改变。

地图:2D游戏中的地图一般是由tile拼接而成,它可由地图编辑器生成然后将每一块tile绘制在整个贴图中,最后将贴图贴在平面网格面之上即可。还有一种作法是将两个或两个以上屏幕大小平面以队列的形式排在屏幕后面,当摄像机移动超出第一块面显示范围时,将它的坐标移动在第二块面后面,此时地图就形成了一个排序的队列。为了让地图的效果更加完美,一般地图可以由好几层来组成,比如背景层、与主角的遮挡曾、物理层等等。

地图拼接:地图的排序队列中两张图应当是可以无缝拼接,这个应当是由美术来提供资源,这里我就不那么细致了将远离说明白即可。

主角:它的范围就比较广的,敌人、物品等等出现在地图之上的都可以使用它。如果控制主角移动,摄像机移动的同时主角也当跟随移动,并且保持屏幕中的移动比例,除非摄像机无法移动,这时将直接移动主角在屏幕中的坐标。 说的有点绕了呵呵,大家仔细想想哈哈。。

然而上面的一切面是由Plane面来完成。

Unity3D研究院之2D游戏开发制作原理(二十一) - 雨松MOMO程序研究院 - 1

再Unity层次视图中选择摄像机对象,右侧监测面板视图中我们看看摄像机组件的一些属性,如下图所示。需要注意的就是Projection 投影类型。

Unity3D研究院之2D游戏开发制作原理(二十一) - 雨松MOMO程序研究院 - 2

 

          首先我们应当修改摄像机的属性,默认摄像机投影的类型是Perspective,它保持摄像机以扩散的的形式照射着不利于2D平面的展示。这里我们应当选择Orthographic,这样摄像机将直直的照射在显示的区域。

 

Perspective类型

Unity3D研究院之2D游戏开发制作原理(二十一) - 雨松MOMO程序研究院 - 3

 

Orthographic

Unity3D研究院之2D游戏开发制作原理(二十一) - 雨松MOMO程序研究院 - 4

从侧面观察摄像机,通过这两张图我相信大家应当能看懂为什么2D游戏要用Orthographic了吧,摄像机的投影类型是可以在代码中动态的修改的。

 

         在代码中取得摄像机投影的区域大小,它也可以动态的修改,这样就可是实现摄像机拉近与拉远的效果。根据投影区域的大小配合着整个地图的宽高来写判断条件,避免移动摄像机时超过地图的范围。

 

         接着我们使用代码来得到地图面的宽高,这段代码写的就比较精细,因为网格面是可以缩放的,首先得到网格面的宽与高,然后分别乘以缩放系数就可以得到真实面的宽与高,然而Unity中的坐标是以“米”为单位。下面代码中用到了中文,如果要想在编辑器中显示中文C#语言需要修改编码格式为UTF-16。JavaScript修改编码格式UTF-8或UTF-16即可。

 

有了摄像机照射的区域以及背景地图的宽高尺寸那么就可以在代码中编写逻辑判断条件啦。下面我们来使用简单的代码控制摄像机移动以及主角移动。

 

          代码中我们使用 Resources.LoadAll(“down”);来加载主角动画资源,这里将主角一组4帧的行走动画放在项目资源视图中 Resources文件夹中的down文件夹内。值得注意的是,使用Resources来加载资源就必须将资源放在Resources文件夹中,否则提示无法找到喔。在书中我以将人物四宫格行走动画加入在其中,因为这里只是一个是示例,所以我只加载了向下行走的4帧动画。我们看看资源在项目资源视图中的保存结构。

 

Unity3D研究院之2D游戏开发制作原理(二十一) - 雨松MOMO程序研究院 - 5

 

          还有一个比较重要的地方就是要修改材质的shder类型,因为默认的材质是Diffuse,它是不支持透明的。如果材质不支持透明。主角的背景将会是白色。如下图所示,这里选择Transparent/Diffuse。保存为Transparent家族中的材质都是支持透明的。

 

Unity3D研究院之2D游戏开发制作原理(二十一) - 雨松MOMO程序研究院 - 6

 

最后2D游戏效果图映入我们眼帘了哦。按键W、S、A、D控制摄像机移动,按键J、K、I、L、控制主角移动。

Unity3D研究院之2D游戏开发制作原理(二十一) - 雨松MOMO程序研究院 - 7

 

         总结一下这篇文章,本文我们在多个Plane对象身上贴上材质资源,再让摄像机直直的照射着它。实现2D游戏的基本原理,本文没有涉及到Unity3D的物理引擎,不要紧在下章中我将向大家介绍一下Unity3D中的刚体组件与角色控制器组件如何来实现模型的物理效果,包括物理引擎与3D或2D游戏的结合。另外大家一定要期待我的新书喔,哇咔咔~嘿嘿。

雨松MOMO提醒您:亲,如果您觉得本文不错,快快将这篇文章分享出去吧 。另外请点击网站顶部彩色广告或者捐赠支持本站发展,谢谢!

--

最后编辑:
作者:雨松MOMO
专注移动互联网,Unity3D游戏开发
捐 赠如果您愿意花10块钱请我喝一杯咖啡的话,请用手机扫描二维码即可通过支付宝直接向我捐款哦。

  1. 你好,我按照你的书做实例遇到另一种问题了,就是我绘制出来的plane贴图一闪一闪的,就是1张有图片,然后下一帧就变白了,请问一下这是为什么呢?

  2. Pingback: gucci アウトレット

  3. 求大神赐教。我是看着您的书来做3.3.4的练习。但是最后程序给了一个源于InvalidCastException: Cannot cast from source type to destination type.的警告。点击之后发现问题出自hero.renderer.material.mainTexture = tex[nowFram]; 这是为何啊~~

      • 自己吓鼓捣终于发现问题所在:在你新建一个物体时,你将贴图附在物体上是引擎会在贴图所在目录下自动产生一个Materials文件夹进而形成一个Shader。当这个初始化物体的贴图是你帧动画的一张图片时,系统就会报错。所以,用帧动画外其他的图片初始化物体贴图就可以解决了。鼓捣一下午,终于解决了,还开心~~

  4. 讲的真不错,谢谢分享教程,我想问下像 2d横版的话 主角可以上下移动的那种 又是什么原理呢,看起来不像只是 y轴移动。。

  5. 用gui制作了一些控制人物移动的 按钮。但是发现 按钮不能一直长按,必须点击一下才能触发一次 if判断。请问 如何才能在按下按钮鼠标未抬起的状态 依旧通过if判断呢?

  6. 请教一下雨松,我想自己开发个类似传奇的2D或2.5D的游戏,学习Unity3D可以做到吗?涉及到游戏服务端自定义脚本的问题也可以解决吗?谢谢~

  7. 如何实现2D图像的鼠标点击功能?比如一个可移动的物体,需要处理它的鼠标点击功能,Texture2D画出的图是不是对象,难道要用plane游戏对象绑定物体的贴图再绑定鼠标相关的脚本才能实现?

  8. 在请问一下我看C#编程的时候,总出现error CS1010: Newline in constandCS1525: Unexpected symbol”结束等待”这样的错误呢?我找了半天也不知道哪个地方出错了,可以帮忙回答下吗?

  9. 最近刚买了你的书,可是看第三章的3.3.4节的时候,总说在hero.renderer.material.mainTexture = tex[nowFram]; 说null pointer,而且还想问下里的程序里Hierarhcy建的plane ,hero ,hero_p是做什么的呢?刚学有好多不会的呢

  10. 如果和想实现一个巨大的tile地图,并且tile信息是请求服务器获得的。那么这个地图拼接我怎么实现?使用Plane可以实现吗?还是把每一个地图块都绘制到一个Cube上,然后再拼接?
    没做过Unity。。希望LZ给个思路。

  11. 大牛啊。。不知道在unity3d圣典上是哪个板块的版主。我经常进那个论坛。多多像大牛学习。。强赞一个,还有不知道即将发行的新书叫什么名字。。主要进行哪些方面的讲解。到时候一定要支持一下