Challenge 1: Setting Up the Home Menu
Tutorial
·
foundational
·
+10XP
·
20 mins
·
(38)
Unity Technologies

- Create back panel of UI menu
- Add sprites to the menu
- Add UI buttons with Textmesh Pro Text
- Add the menu title with TMPro Text
Languages available:
1. Creating the Home Menu
1. Add a canvas to the scene
2. Add an image and adjust its width and height
3. Change the Image’s color to Black
4. Duplicate the Image and change its color to white.
5. Set the white image behind black image, and reduce the black image’s width and height so the white Image appears to be a white border.
6. Rename the white image to Start Menu.
7. Add another Image and rename it to Logo
8. Add the Unity logo as the source image
9. Add a TextMeshPro Text and center it into the middle of the image
10. Increase the text font size and change the Text. We changed it to “Introduction to UI”
11. Add three TextMesh Pro buttons and position them in the middle the UI on top of each other
12. Change the first button’s text to “Start”
13. Change the second button’s text to “Settings”
14. Change the third button’s text to “Quit”