Canvas画布下的渲染顺序

Canvas画布下的渲染顺序

……

……

在做游戏的时候。

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

然后呢。

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

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

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

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

如下所示

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

猜你喜欢

转载自blog.csdn.net/oyqho/article/details/129999790