Challenge 2: Making a responsive UI

Tutorial

·

foundational

·

+10XP

·

10 mins

·

(29)

Unity Technologies

Challenge 2: Making a responsive UI
  • Anchor the UI buttons and Text to corners and sides, to create dynamic responses to screen size adjustments
  • Ad the Canvas Scalar

Languages available:

1. Scale the Menu

1. Open the Anchor Preset panel and anchor the menu to the top side of the Game Window.


2. Change the Canvas Scalar to “Scale with Screen Size” so it scales with the menu.


3. Increase reference Resolution X value until the UI fits your screen.


4. Hit play and try adjusting the size of the game menu.


Complete this tutorial