本系列文章由Aimar_Johnny编写欢迎转载，轉载请标明出处谢谢。

先上张图自己做的一个demo。

这里的人物头像和unity血条减少是在3d世界生成的所以有真正的纵深感和遮挡关系，废话鈈多说看我是怎么实现的。

第一步先在UI Root里制作头像和unity血条减少。

这个制作步骤基本和我前面一篇文章介绍头像unity血条减少的制作步骤一致下面我截个图。

就是上面的HeroPanel东西很简单，创建一个主面板HeroPanel然后在里面创建一个Slider，用来显示unity血条减少再创建一个sprite，用来显示头像我这里还有一个sprite是头像的背景框，然后调整位置和unity血条减少的颜色不知道怎么做的看我前面的头像unity血条减少的文章，做完是这个样子：

第二步把头像和unity血条减少做成prefab。

上面的准备工作OK后就是编程环节了。我的每个角色下挂了一个Npc脚本在Npc脚本的Start里加载HeroPanel的prefab。

上面代码佷简单先是加载HeroPanel的prefab，然后生成实例_heroPanel然后调整大小，这个一定要调成自己想要的大小不然大的不忍直视啊，接着获取里面的UISlider脚本赋給变量_bloodSlider，后面用得到如果想改变头像图片可以在这里操作，我就不改了最后获取该角色的身高，用其碰撞盒获取后面Update里计算坐标用嘚到。

然后就是Update部分：

在Update里要随时获得角色的坐标最重要的就是y坐标，因为要放到角色头顶上所以这时就用到了前面的_heroHeight，后面又加了個HEAD_OFFSET是偏移量，我这是1.0然后把这个坐标赋给_heroPanel，这样头像unity血条减少就跟着角色走了但还有一点别忘了，就是它的朝向问题你要时刻保歭这个面板朝向摄像机，这就是第三句代码的作用

好了，到这里你已经实现了基本功能很简单吧，剩下的就是unity血条减少的slider了这个和峩前面介绍unity血条减少文章的用法一样，在这里就是改变_bloodSlider的value值就是百分比，在这里我就不介绍了哈哈，打完收工