Placing 3D elements in front of a GUI 2D menu background

Question

I use the following codes to create a 2D menu ( script attached to Main Camera ):

 public class MyScene : MonoBehaviour {
     public Texture backgroundTexture;
     void OnGUI() {
         // display bg texture
         GUI.DrawTexture(new Rect(0, 0, Screen.width, Screen.height), 
                         backgroundTexture, ScaleMode.StretchToFill);
     }
 }

I have a 3D model that has to be placed in front of this background image. I tried to place the 3D model in front of the Main Camera, but once the background image is loaded, the 3D model disappears / hide behind the background image.

What should I change ?

Answer 1

Best Answer

Answer by POLYGAMe · Feb 18, 2014 at 09:41 AM

I'm pretty sure the GUI system is designed to always be on top. You could assign your BG image to a quad instead, or you could possibly use two cameras, one to render the GUI stuff, and another camera on top of that to render the 3D stuff and ignore the GUI. You'll just have to play with camera depths and layers/culling.

Add comment · Show 3 · Share

raptorkwok · Feb 18, 2014 at 09:45 AM 0

Share

Any example of 2 cameras working together with camera depth & layers ? I try the 1st suggestion first ( assign to a quad ) , but what is the size of the quad ? There are different size of screens .

POLYGAMe · Feb 18, 2014 at 10:08 AM 0

Share

You could either design a texture with a black (or whatever colour you want) empty area, so that the texture sits in the middle and you just adjust the quad until it looks good across a variety of resolutions. It's not optimal but I'm guessing you're a beginner and the other option is to look into converting world cartesian coords into screen, so you can make the quad scale to screen size, as that code you wrote does for GUITextures. You could also just muck about and see what sizes work and set the scale at runtime, depending on screen width/height.

As for the two camera option. Simply create another camera, set it to the exact same position as the other and create layers. One for one camera, another for the other, then tell each camera what to cull in its options. You'll also need to set the camera depths so that the 3D model one renders on top and set it Its clear flags to Depth Only, so it doesn't block out the other camera with background colour. Fairly straightforward but a bit much to put in an answer here. Best check out the unity docs on cameras.

Linus · Feb 18, 2014 at 10:25 AM 2

Share

https://www.google.com/search?btnG=1&pws=0&q=unity3d+gui+behind+3d+object

First hit (might vary) seems good http://forum.unity3d.com/threads/119520-How-to-set-GUITexture-behind-of-3d-object

Placing 3D elements in front of a GUI 2D menu background

1 Reply

Your answer

Welcome to Unity Answers

Follow this Question

Related Questions