unity3d 角色头顶信息3D&2D遮挡解决方案（一）

      先上效果图，只凭文字描述，脑补应该有些困难- -

      如图：有三个角色(我们暂且从左到右叫它们A、B、C)，一个2D UI(中间动作选择的框框)，一个cube(右边的方块)

      更多精彩请关注【狗刨学习网】  

      cube挡住了角色C的头顶信息

      2D UI挡住了角色和cube

     共同点是只显示未被遮挡的部分，遮挡的部分不显示

     相信大多数人在看我这篇文章之前已经看过雨松momo的《人物头顶名称与血条更新与绘制》

     如果直接使用雨松momo文章中的代码的话，那么你会发现有一些问题，如图

       

      这里我没有用血条，只绘制了文字，都一样的！

      第一：因为是用OnGUI绘制的，所以使用的过程之中角色昵称和血条会挡住NGUI创建的UI。你可以脑补一下当你打开背包时，一排文字和血条挡住了你的背包。。。

      第二：当角色被其他物体遮挡时，这里我说的是3D物体，不是UI。怎么说比较好理解呢！！就好比角色走到了墙后面，角色已经被墙遮挡住了，但是角色昵称和血条依旧显示（或许有一些人就要这种效果！好吧，至少在我的项目中这种效果给我的感觉是非常差的）

      第三：当同一个场景出现两个角色时，两个角色都有自己的昵称和血条，如果你和另个角色距离太远且旋转了角度时，名称和血条居然奇迹的出现在了天上！没错，就是天上

       ......以上所述只是指出一些bug，并没有多余的意思，大家勿喷，我也是菜鸟，只是和大家分享下经验！！

       雨松momo的写这篇文章的目的也就是给大家一个思路，具体在项目中怎么实现成预想效果得靠自己了

       这个思路挺好，但是由于一些我自身项目的原因就暂且不用这个思路，这个思路大家可以去看看，以后肯定能用到

       现在用另外一种思路实现，这里我们要学到一个东西：Layer（层）

       关于layer的介绍请看圣典：http://game.ceeger.com/Components/Layers.html

       其实我自己也没有看过，为了写这篇文章才去搜的，自己没事的时候瞎点点就知道是干嘛的了

        因为我们要用到NGUI，所以先导入NGUI插件包

进入正题：

      1、创建一个空GameObject，改名为NamePanel，设为角色子物体，然后Reset并且调整位置到角色头顶位置

      2、将NamePanel的Layer设置和角色同一个层，并且添加一个UIPanel

      3、在NamePanel下添加UILabel，方法为：选中NamePanel->NGUI->Create->Label，并且将Label Overflow属性设置为ResizeFreely(自动适应文字大小以及长度的)

      4、设置UILabel组件的属性。字体、显示文字、字体颜色。Effect选择OutLine，颜色选择为黑色，这个参数是描边的，让字体更清晰

      咦，搞毛啊，字体怎么这么大啊？把字体修改小一点，10、5、1，尼玛怎么还是这么大，而且还看不清了

      别急别急，不是你操作错误，是还没操作完！

      我一开始遇到这个问题的时候我也纳闷了，后来想了想，有可能是没有添加UIRoot的原因

      用过NGUI的都知道，UIRoot是NGUI必不可少的一部分，在手机上自适应分辨率就靠它了

      那既然知道原因了，我们就添加一个UIRoot试试呗

      5、选择NamePanel，添加一个UIRoot组件，Scaling Style选择FixedSizeOnMobiles

      哈哈，字体恢复正常了！如果感觉字体比较小，可以在把字体调大一些

      运行游戏，你会发现角色移动的时候，头顶信息虽然跟随角色了，但是角色旋转或相机旋转的时候，头顶信息旋转面向摄像机。如果你就想这样，那是大大滴不行的，不能图方便就少了代码

现在我们来写代码，代码很简单

1. <font face="宋体" size="2"> 1     public GameObject targets;
   
2. 2     private Camera camera;
   
3. 3     
   
4. 4     void Start()
   
5. 5     {
   
6. 6         //获得主摄像机
   
7. 7         camera = Camera.main;
   
8. 8     }
   
9. 9 
   
10. 10     void Update()
    
11. 11     {
    
12. 12         //设置旋转角度
    
13. 13         targets.transform.rotation = camera.transform.rotation;
    
14. 14     }</font>

复制代码

      保存代码，将脚本挂到角色上，然后把NamePanel拖到参数targets

      最后运行游戏，在看看效果，ok，完美

最后总结一下：

      代码上是非常简单的，看我代码就知道了，可以说就只有一句代码。。。

      主要就是设置层，层一定要分清楚，很重要！