Join Jesse Freeman for an in-depth discussion in this video Understanding image type and fill, part of Unity 5: UI.
- [Voiceover] Now you may have noticed,…when we set the sprite, on our image,…we have a new option here called Image Type.…By default, it's set to simple.…We can change this to sliced, tiled, and filled.…Let's start with tiled.…If we were to change the size of our image,…the sprite inside of it will now tile correctly.…Here we're gonna set the width and height to 128.…
Next, let's change the image type to fill.…Now we have even more options.…We have a fill method, we have a fill origin,…a fill amount,…and whether the fill will happen clockwise.…Fill tells the image…how to render and mask out the sprite.…Right now it's set to radial 360.…If we were to change the fill amount to zero,…you'll see that it appears…and disappears in a circle.…
If we change the clockwise value,…it'll happen in reverse.…We can also change this to a radial 180.…So that it'll appear from the center bottom.…And wipe it to the left or to the right.…And we can also set this to be a horizontal fill,…as well as a vertical fill.…Fill on an image is actually a pretty powerful effect.…
- 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.