<UI in Unity>

Presented by Jaden Balogh

Topics

Goal: build a working main menu in Unity

• UI elements: canvas, rect transform, text, image, button (and many more!)
• Scaling + pivots
• Making it do something (scripting)

Learning the Basics

UI elements: the building blocks

Placing Elements

Primary tools:

• Positions/offsets
• Anchors/pivots

​

Positioning is relative to parent.

​

Use presets 80% of the time!

Changes between absolute and relative positioning based on anchors

Fitting Different Screens

Apps need to fit many screen sizes - our options?

%-based scaling using anchors�(above example sets 20% margins on sides)

Scaling size of elements based on screen size

Putting it together

Example project: https://github.com/ubco-video-game-development-club/unity-ui-event-2021

RIIIIIIIIISE! (bringing your UI to life!)

There are an infinite number of things you might want your UI to do!

Things we’ll cover:

• Switch scenes (play button)
• Exit app (quit button)
• Open/close menu panels (credits button)