0 of 16 lessons complete (0%)
Essential Activities

Create a Menu / UI for a project

You don’t have access to this lesson
Please register or sign in to access the course content.
Length: 30 minutes

User interface (UI) elements in Unity are created using Canvas objects. These can be in their own scene or included as part of another scene.

This example will create a main menu scene with UI button.

A later lesson will link these button to that they will either open another scene, canvas, or close the application.

First create a new Scene and call it MainMenu.

Add a button to the scene

This will add a Canvas and an EventSystem to the scene.

As we are using the Input System[1] we need[2] to change the UI to use this.

Select the Event[3] System

Click the button Replace with InputSystemUIModule.

Now add two more buttons

Name one button Play, another About and one Quit or Exit.

Select the Canvas

In the Inspector change the UI SCale mode to Scale With Screen Size.

Now change the reference resolution. I recommend changing it to 1920 x 1080. This is full HD.

Also change the Game Preview window to Full HD (or your chosen resolution) and scale it so you can see the entire screen.

Note the buttons are small.

Select the Play button and resize it. 600 x 100 pixels is usually sufficient.

Note that in the transform you can change to anchor point by clicking on the box that looks like a target.

Open the button to see the Text object.

Customise the text on the button.

Customise the other buttons.

Note you can change their colours as well.

In the Event System you can set a First Selected object. This is useful for controllers as it determins where the controller will be placed initially.

Rename the Canvas to CanvasMain.

Now add a second Canvas and name this CanvasAbout.

Disable the CanvasMain to make it easier to develop and design[4] the other Canvas.

Add a Text object for the title, Image for an image and a button with the text Back.

On the Main Camera change the Skybox to havea a Solid Colour background which is black.

Finally disable the CanvasAbout canvas and reenable the CanvasMain

Terms definitions
2. need. An identified requirement of a person, group, or environment[8]. A need is identified from an issue[9] and sits within a context[10]. Technological practice[5] can be undertaken in an attempt to meet an identified need.
3. Event. An action that causes something to happen.
4. design. Creating a plan or mock up of the new system[1] or digital outcome[6] based on all of the requirements and specifications[7] that have been identified.
Terms definitions
1. System. Length: 30 minutes User interface (UI) elements in Unity are created using Canvas objects. These can be in their own scene or included as part of another scene. This example will create a main menu scene with UI button. A later lesson will link these button to that they will either open another scene, canvas, […]
2. need. Length: 30 minutes User interface (UI) elements in Unity are created using Canvas objects. These can be in their own scene or included as part of another scene. This example will create a main menu scene with UI button. A later lesson will link these button to that they will either open another scene, canvas, […]
3. Event. Length: 30 minutes User interface (UI) elements in Unity are created using Canvas objects. These can be in their own scene or included as part of another scene. This example will create a main menu scene with UI button. A later lesson will link these button to that they will either open another scene, canvas, […]
4. design. Length: 30 minutes User interface (UI) elements in Unity are created using Canvas objects. These can be in their own scene or included as part of another scene. This example will create a main menu scene with UI button. A later lesson will link these button to that they will either open another scene, canvas, […]
5. Technological practice. Length: 30 minutes User interface (UI) elements in Unity are created using Canvas objects. These can be in their own scene or included as part of another scene. This example will create a main menu scene with UI button. A later lesson will link these button to that they will either open another scene, canvas, […]