Mastering UI Development with Unity

Setting up the animations

To create a "pop" in and out animation on the Pause Panel and Inventory Panel, perform the following steps:

1. We'll start by adding an Animation Clip to the Pause Panel that will cause it to scale and fade in. Open the Animation Window and select Pause Panel from the Hierarchy. Select Create to add a new Animation Clip. Save the new Animation Clip in the Assets/Animation folder and name it FadeAndScale.

2. We want to control four properties of this panel: its scale, its alpha value, its ability to be interacted with, and its raycast blocking. Let's start with scale. We can adjust this property from the Rect Transform component. Select Add Property and click on the plus sign next to Scale under Rect Transform, as follows: ...