To use panels to visually outline the inventory area and individual items, follow these steps:
- Start with a new copy of the Simple2Dgame_SpaceGirl mini-game.
- In the Hierarchy panel, create a UI Panel (Create | UI | Panel) and rename it Panel-background.
- Let's now position Panel-background at the top of the Game panel, stretching the horizontal width of the canvas. Edit the UI Image's Rect Transform component, and while holding down Shift + Alt (to set pivot and position), choose the top-stretch box.
- The panel will still be taking up the whole game window. Now, in the Inspector, change the Height (in the Rect Transform component) of Panel-background to 100.
- Add a UI Text object (Create | UI | Text), rename it Text-inventory ...