Using NGUI as a HUD, having issues with GUI placement

[johnnyr]

Hey guys,

I'm having an issue in a scene with a regular main camera, and the NGUI camera created with the UIRoot.

When I try to place elements, they use the NGUI camera for placement, and it doesn't line up with my game camera. I can get the GUi elements where I want them by trian and error, but it is pretty frustrating so far not to be able to just place them based on the Main camera size/view.

If I click "snap" while in the game tab (viewing the main camera) the elements in the editor then look correct, but as soon as I try to move one element they all change position.

I know this is something simple and silly, but I just can't figure it out. How am I supposed to be doing this? Do I even need the NGUI camera? (I'm assuming I do)

Help!

[ArenMook]

Doesn't line up with your game camera... hmm? Different cameras result in different things. Unless your UIRoot is set to be Pixel Perfect, and both main camera and UI camera use the same orthographic size (of 1).

[johnnyr]

I'm confused - My Main camera is what I use to play the game - so it can't be orthographic (it is in perspective mode) UIRoot is set to pixel perfect. So how am I supposed to place UI Elements so that in the editor I can actually see what they are going to look in-game?

[ArenMook]

If your game camera is not orthographic then what is it you're trying to do exactly? A perspective camera is very different from an orthographic one. What is there to align?

[johnnyr]

So, I have a game camera - meaning the camera the player sees. Its in perspective mode. I want a Hud to be on the screen. So far When I line up UI elements in the editor I can only see where that are going to be on the UICamera. Pressing play shows the UI elements, but obviously they are not in the correct place in respect the main game camera.

If I get the elements lined up correctly via trial and error, press play, and then go back to the editor, all of the elements are all squished together.

[ArenMook]

Example 1 - Anchors. Also watch the Layout System video. Choose Help from the NGUI menu to be taken to the list of all the videos.