Make Post-Effects render after UI Layer

Is there an easy way to move a post effect to render after the UI layer?

I want to have post effects apply to the UI layer (I have some worldspace UI) but am having some trouble getting it to work. I could technically move all the UI to its own layer, but the UI layer is really good at resolving any z-fighting of the UI with itself.

I saw someone suggested it as a solution here Depth issues when enabling a post process effect - #27 by heretique but didn’t see any good way to do it.

Okay well just as an update, I think Im just running into the common issue of both “Trying to apply post effects to just a single layer” and “The UI layer works differently than the other layers”. I did end up learning that post effects affect other layers that are rendered to the same output, and that UI elements are a little wonky about writing to the depth buffer.

As a follow-up question, is there a good way to apply a post effect to just the UI layer?

You can use this to allow post-effects to be applied both to the work and the UI: CameraComponent | PlayCanvas API Reference

But no easy way to apply it to just UI.

1 Like

Thank you, yeah I figured as much. I’ll see if I end up figuring out an alternative solution or something.