首页 > Unity3D频道 > 【Unity3D研究院之游戏开发】 > Unity3D研究院之人物头顶名称与血条更新与绘制(二十六)
2012
05-28

Unity3D研究院之人物头顶名称与血条更新与绘制(二十六)

       人物的名称与血条的绘制方法很简单,但是我们需要解决的问题是如何在3D世界中寻找合适的坐标。因为3D世界中的人物是会移动的,它是在3D世界中移动,并不是在2D平面中移动,但是我们需要将3D的人物坐标换算成2D平面中的坐标,继而找到人物头顶在屏幕中的2D坐标最后使用GUI将名称与血条绘制出来。

首先学习本文的重点内容,如何将游戏世界中任意3D坐标转换成屏幕中的2D坐标。根据这个方法计算出的2D坐标屏幕左下角的点为0.0 ,屏幕右上角的坐标为1.1 所以真实的2D坐标还得通过Screen.height 与Screen.width计算一下才行。

 

       在Unity工程导入角色控制器组件,不知道角色控制器的朋友请阅读我之前的文章哈。创建一个Plane做为游戏的地面,然后利用角色控制器组件创建两个模型,一个做为主角,一个作为NPC,主角可以通过控制来移动从四周来观察NPC对象。由于地面的面积比较小移动主角时为了避免主角越界掉下去,我们做一个边界的物理层。物理层其实很简单,就是给平面四周放置四个平面在四周将平面包围着,给四周的四个平面绑定上Box Collider组件,这样主角就不会越界掉下去啦。因为没有给贴图所以效果上看不到这四个对象。哇咔咔~ 如下图所示,在场景是途中主角被四个平面包围这,即时它拼命的想往外条但是还是跳不出去,哈哈。

 

Unity3D研究院之人物头顶名称与血条更新与绘制(二十六) - 雨松MOMO程序研究院 - 1

 

创建脚本NPC.cs 然后把脚本挂在NPC对象身上,在脚本中我们绘制主角的血条以及名称。

NPC.cs

 

注解1:通过collider.bounds.size 可以拿到模型对应三个轴向的高度,但是模型是可以缩放的,所以真实的模型高度应当是原始高度乘以缩放系数才行。 transform.localScale可以拿到模型对应三个轴向的缩放系数,因为这里我们需要模型的高度,所以忽略X轴与Z轴。

注解2:在这里我们计算血条的宽度,GUI.skin.label.Calcsize()这个方法是以默认的皮肤对象Label对象去参数对象的宽高。参数是new GUIContent(blood_Red)意思是拿红色血条的贴图的宽高,它将保存在返回的size中。最后以宽高将血条绘制在屏幕中,我们的血条采取两层。背景是黑色的,前面是红色的,当人物费血时红色血条减少。

注解3: 这里通过字符串来获取它整体的宽度与高度,因为NPC的名称是可变的,所以我们需要动态的获取整体的显示区域。同样是以GUI.skin.label对象去调用CalcSize。

 

如下图所示,当使用鼠标点击NPC对象时,NPC头顶的血条将开始发生减血。这个例子我使用OnGUI绘制当然大家也可以在Hierarchy 视图中的创建GUI Texture 或者GUI Text对象 来实现,不过原理都是这样的 大家可以试试 哇咔咔。

 

Unity3D研究院之人物头顶名称与血条更新与绘制(二十六) - 雨松MOMO程序研究院 - 2

 

最后雨松MOMO希望和大家一起进步,一起学习,哇咔咔~    

本章内容下载地址:http://vdisk.weibo.com/s/abYBx

补充,现在都用NGUI来做血条,大家看看我的这篇文章吧。http://www.xuanyusong.com/archives/2644

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

--

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

  1. 我们在做一个2d卡牌游戏,需要在卡牌(Sprite)上绘制卡牌的文本,参照这个文章做了之后,发现有一些问题,不知道能否指导一二
    1、这个方法的文字大小是固定的,不会随着分辨率变化而变化
    2、不知道如何处理层次问题,这个方法绘制的文本似乎会挡住其他层
    3、在MainCamera使用模糊滤镜之后,发现绘制的文本不会模糊
    不知道是否有更官方的方案,还望指导

  2. 问下,如果是写在onGUI里面的话也就意味着是全程显示血条了…有什么办法能隐藏血条,在特定情况下才会显示血条以及名字么?

  3. 非常感谢雨松,我照着做了实现了这个效果。不过绘制出来的血条把游戏的UI给遮挡了请问该怎么解决呢? 我UI是用UGUI做的。场景摄像机深度0,UI摄像机深度1.

  4. 同学,按你的作法尝试做了一下,unity编辑状态中的 public Texture2D blood_red; public Texture2D blood_black;是不是要加入图片,不加入的话,发现出错,但是加入了之后发现血条是拖入的图片

  5. 雨凇大大,好久没来了,有个问题啊,你这样计算模型的高度是不是欠妥啊,你这只是计算了碰撞体的高度,没有计算模型的实际高度啊。。。应该通过mesh来算吧。。。期待大大的回复。

  6. 楼上的方法不行,不是z轴正负的原因,是相机坐标小于零的原因。还没发现解决方法。我是在另一个项目里解决这个问题,不是您发的场景里面,但是问题原因应该是一样的。

    • momo啊,你的package我打开就崩溃。但是我把你的代码加入我的场景中,帧数由70掉到20,把你的脚本disable后由恢复到70帧。开始怀疑是因为js和cs 脚本的互调导致。但是我把你的脚本改成js之后还是帧数下降严重。是不是计算坐标导致的啊?如果这样的话,这个取坐标功能不是很废?我是安卓平台。

  7. 程序有两点需要注意的地方:1、当Y轴缩放比例过大时,npcHeight会特别大,后面会导致负值,从而血条在NPC的太上方。1以内没什么明显影响。2、当背对NPC时,也显示血条。相关代码修改如下:Vector3 position = camera.WorldToScreenPoint (worldPosition);if position.z>0这样就可以消除了。这两点回复都说到了,我只是总结一下,希望大家能互相学习。第一点是那个函数WorldToScreenPoint转换问题,我没有什么修改办法,大神们有什么建议没?

  8. 我創建兩個物體,一個主角,一個怪物,按照雨松MOMO老師腳本~有主要攝影機關係,所以我把攝影機掛在人物上,把腳本丟在怪物上,怪物頭上會顯示血條,可是人物拉進那遠時候,發現人物走近怪物血條會變短,人物移遠怪物血條變長,請問腳本該怎麼改善。還是我從雨松老師腳本會錯意,攝影機關係弄錯 請老師指點謝謝~。我有試著,在創鍵一個攝影機,可是發現同時只能一個主要攝影機不然他會說攝影機關係模糊不清,發生錯誤。 private Camera camera;camera = Camera.main;

  9. 请问雨MOMO松大大原本血条可以显示结果从新执行后他就一直显示这3行错误1.The name blood_red’ does not exist in the current context2.The best overloaded method match forUnityEngine.GUI.DrawTexture(UnityEngine.Rect, UnityEngine.Texture)' has some invalid arguments3.Argument #2′ cannot convert object' expression to type UnityEngine.Texture’我用GOOGLE翻译意思好像无效参数與图片不能转换的意思请问怎么解决?请大大帮忙

  10. Vector2 bloodSize = GUI.skin.label.CalcSize (new GUIContent(blood_red));請問這行是什麼GUI 的?? 如果要改為Js要如何改@@?

  11. – -我是新手 昨天刚开始接触Unity 然后模仿您的代码敲了一下 发现当角色移动时 NPC会晃的很厉害 然后将Update方法做了一下小改动。NPC比之前改善很多 float x=hero.transform.position.x; float y=hero.collider.bounds.size.y*hero.transform.localScale.y; float z=hero.transform.position.z; Vector3 vec_look=new Vector3(x,y,z); thisTransform.LookAt(vec_look);不知道是我的原因还是您的代码有点小漏洞。。总之。万分感谢您的教程。真心的受益匪浅。。

  12. 正规3D游戏项目不会用这种方法的,都是max里边直接做个绑定点在角色头顶,血条、图标直接用绑定点的坐标定位,再lookat摄像机平面。

  13. 我想问一下,如果视角带缩放,就是拉近拉远视角的话,头顶上的血条会不会偏移。。我自己做的只要一缩放视角,就会偏移。

  14. //得到真实NPC头顶的2D坐标 position = new Vector2 (position.x, Screen.height – position.y);这句,若是npc的缩放比例很大的话,position.y就会大于Screen.height;Screen.height-position.y的结果是负值。

  15. 我就是想知道 GUI.Label(new Rect(position.x – (nameSize.x/2),position.y – nameSize.y – bloodSize.y ,nameSize.x,nameSize.y), name); 里面的nameSize是哪里来的?

  16. 这个程序 有点 问题,在//根据NPC头顶的3D坐标换算成它在2D屏幕中的坐标 Vector2 position = camera.WorldToScreenPoint (worldPosition);这个方法 返回的是一个三维坐标,屏幕坐标也是三维, 而且这个程序有个bug 如果你脚本付给敌人,使显示敌人的血量,但是 当你背对敌人,敌人血量也会显示;我的解决方法是 将敌人的坐标转化为屏幕3D 坐标,并判断z轴 是否大于0,如果小于零代表敌人不在你的 视野内 不显示敌人血量