Creating your UI

We will now create our first 2D user interface with NGUI's UI Wizard. This wizard will add all the elements needed for NGUI to work.

Before we continue, please save your scene as Menu.unity.

UI Wizard

Create your UI by opening the UI Wizard by navigating to NGUI | Open | UI Wizard from the toolbar. Let's now take a look at the UI Wizard window and its parameters.

Window

You should now have the following pop-up window with two parameters:

Parameters

The two parameters are as follows:

• Layer: This is the layer on which your UI will be displayed

• Camera: This will decide if the UI will have a camera, and its drop-down options are as follows:

  • None: No camera will be created

  • Simple 2D: Uses a camera with orthographic projection

  • Advanced 3D: Uses a camera with perspective projection

Separate UI Layer

I recommend that you separate your UI from other usual layers. We should do it as shown in the following steps:

1. Click on the drop-down menu next to the Layer parameter.

2. Select Add Layer.

3. Create a new layer and name it GUI2D.

4. Go back to the UI Wizard window and select this new GUI2D layer for your UI.

You can now click on the Create Your UI button. Your first 2DUI has been created!