Canvas画布下的渲染顺序

Canvas画布下的渲染顺序

……

……

在做游戏的时候。

我发现我的Canvas下面，既有静态的UI界面，也有动态创建的血条UI。

然后呢。

我发现在游戏过程中，当血条UI移动到和静态UI重叠的时候，把静态的UI给遮挡住了。

因为血条是随着角色一起移动，而且不止是主角有血条，还有敌人有血条，我想要的效果是静态UI能挡住血条。

本来我还想着要搞什么复杂的东西，比如创建两个Canvas，但是在研究了一番之后，我发现在Canvas画布下的子物品其实也是有渲染顺序的。

Canvas画布会先渲染最下面的子物品，然后再依次往上进行渲染，所以，把血条的位置给放在Canvas下的第一个位置就ok了，就能达到我的需求了。

如下所示

 

上图中，HP_Panel_max是一个空物体，我会在这个空物体下动态的创建血条UI，而这个血条UI是最后被渲染的，所以当重叠时会被下面的所有UI给遮挡住。