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

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

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

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

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

上面的准备工作OK后就是编程环节了。