[SOLVED] Post Effects: bloom kills z-index

[Dima_Romanchuk]

hello friends!
i use postprocessing from here Post Effects | Learn PlayCanvas
but there is a problem: if u turn on bloom for camera, 2d ui elements will have troubles with z-index and they will render in front of everything, like on screen

how to fix that?

[Dima_Romanchuk]

to compare, with bloom turned off

[yaustar]

Just to confirm, the UI elements are in 3D space, not in screen space right?

Are the element components on the UI on the same layer as the rest of the world?

[Dima_Romanchuk]

hey
thx for reply!

1. ui elements are in 3D space, they have specific position on scene and lookAt player
2. they are on UI layer, not on world

[yaustar]

@Dima_Romanchuk

1. they are on UI layer, not on world

In which case, they should have been rendering in front of the world before as the UI layer clears the depth before rendering. The fact that it wasn’t before using the bloom is luck/unexpected.

Change the elements to be on the World layer and see if that helps

[Dima_Romanchuk]

you mean like that?

[Dima_Romanchuk]

it just killed whole scene

p.s.
sorry for many posts, can’t put multiple images in 1 post :>

[yaustar]

No, change it on the element components

[Dima_Romanchuk]

ok, thank you so much
it worked
but now black panel is overbloomed

[Dima_Romanchuk]

it also depends on camera pov (because bloom script is for camera)

[yaustar]

@Dima_Romanchuk

but now black panel is overbloomed

The black panel is probably Z fighting with the white panel and not seen at some angles. Move the black panel slightly away from the white panel and move the text on the black panel slightly away from the black panel

[Dima_Romanchuk]

ok, you right again, thank you