I can’t for the life of me figure out how to control the render order of multiple Images and Sprite Renderers. I have the following render order setup I would like to achieve:
Image (Background)
Sprite Render
Image
Sprite Render (Foreground)
I tried creating multiple canvases and override the sorting order, I tried placing both Images and Sprite Renders on different layers. I have succesfully managed to achieve the first three orders by using different canvases:
Image (Background)
Sprite Render
Image (Foreground)
But the second I attempt to add the second Sprite Render, I get the following:
Image (Background)
Sprite Render
Sprite Render
Image (Foreground)
The second Sprite Render always appears to be rendered after the first canvas but always before the second canvas.
The reason I am mixing these two is because I am making an application where some gameobjects is to be affected by both physics and navmesh and therefore thought it would be ideal to visually represent them using Sprite Renders.
Anyone here with an idea or know a bit in depth on how the render order works?