Join Jesse Freeman for an in-depth discussion in this video The Canvas, part of Unity 5: UI.
- So now that we've learned how to make our first component,…let's delete the image and create a new button…on the Canvas instead.…As you can see, our button has been created…at the (0, 0) position of our screen.…It's also center aligned.…If we double click on the button,…we'll also see it in the scene view.…If we zoom out, we'll also see the rendered area…of our camera as well as the Canvas.…
Let's talk a little bit about how the Canvas works.…Let's hide direct transform of the Canvas.…Since there's nothing we can configure…on it for this component.…The Canvas is made up of three scripts:…the Canvas, the Canvas Scaler, and the Graphic Raycaster.…By default, our canvas is set to Screen Space - Overlay.…There are three different modes.…There are Screen Space - Camera and World Space.…By default, when it's set to Screen Space - Overlay…this means that the canvas will sit…on top of everything in our scene…no matter which camera is actually in focus.…
This is what you would consider…for traditional UI that sits on top of a game.…
- Adding new components to the Canvas
- Working with RectTransforms
- Nesting UI elements
- Adding rich text and effects to the UI
- Creating images
- Styling UI buttons
- Handling input
- Creating sliders
- Controlling the layout of the screen
- Adding toggles and dropdowns
Skill Level Intermediate
1. The Canvas
2. Working with the RectTransform
3. Working with Text
4. Working with Images
5. Working with Buttons
6. Handling UI Input
7. Working with a Slider
8. Controlling Layout
9. Toggles, Dropdowns, and the Input Field
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.