#How to place UI behind 3d world

1 messages · Page 1 of 1 (latest)

cursive stream
#

I'm trying to place UI like background image behind 3d world.
I think it's close to "setting Render Mode to Screen Space and Plane Distance to large value" in Unity.
I know z-index PR exists, but I doubt it would be a solution.
I changed current_global_z in ui_z_system but nothing happened.

Thanks.

lucid forge
#

Are you trying to render a 3d model inside you UI?

cursive stream
#

No, I want to show the background image like clear color.
I thought about creating a billboard-like mesh, but it seemed like a pain to calculate the transform from the camera and the aspect ratio of the image, so I decided to use the UI.

lucid forge
#

Did you try to render to a texture and render that on a quad?

#

then you have control over the clear color as well

#

I'm inclined to say that UI always renders on top. But not 100% sure

cursive stream
#

I thought I could render part of the UI first with RenderLayers, but the UI seems to ignore RenderLayers even between UIs.
I would create a quad and write a system to compute the Transform...

ember gulch
#

You can layer multiple cameras, see the two_passes example for that. It's possible it doesn't play well with ui though, there's still a lot of work being done to make ui easier to use

cursive stream
#

I tried but it seems that UI and RenderLayers do not interact well. At least in bevy 0.8.1. (it worked fine with normal mesh)
I will try to use bevy main after this.

cursive stream
#

I updated to bevy/main and tried several things, all of which failed.
I created three cameras for test: background ui (2d, ui = true, priority = -1, layer = 1), 3d scene (3d, ui = false, priority = 0), foreground ui (2d, ui = true, priority = 1, layer = 2). clear color is None.
I want to render in order of background ui, 3d scene, and foreground ui.

  • activate all → (A) the FG was rendered in front of the BG.
  • activate BG and scene cameras → (B) the scene was rendered, but the BG was not rendered and black.
  • activate scene and FG cameras → (B) the FG was rendered in front of the BG.
  • swap the priority of the FG and the BG cameras and activated all → (A) the FG was rendered in front of the BG.
  • set the priority the scene camera was to 2 and activate all → (B) the scene was rendered, but the BG was not rendered and black.

Note: The order in which entities are spawned into the scene is foreground, scene, background.

I intend to create a small application and try this again.

cursive stream