Canvas Animations

Canvas Actions

Action Name	Description
Hide Canvas Panel	Hides the Canvas immediately (Screen Space Overlay)
Rotate Canvas Panel In	Rotates Panel in from Top, Bottom, Left, or Right (Screen Space Camera)
Rotate Canvas Panel Out	Rotates Panel out from Top, Bottom, Left, or Right (Screen Space Camera)
Slide Canvas Panel In	Slides Panel in from Top, Bottom, Left, or Right (Screen Space Overlay)
Slide Canvas Panel Out	Slides Panel out from Top, Bottom, Left, or Right (Screen Space Overlay)

A Canvas panel cannot be animated, however a Game Object within the Canvas containing the Panel and all UI components can be moved. The suggested process for creating an animated Canvas is as follows:

1. Add a Canvas (Screen Space Overlay) to your Scene Hierarchy.

2. Add an empty GameObject as a child.

3. Add a Panel and UI Components to the GameObject as shown below.

4. Add a Trigger to your scene to execute however you wish and add an Action to this Trigger.

5. It is important that you add the GameObject containing the Panel and UI elements to any of the Canvas Actions where it says Canvas Panel.

6. You can slide in from any direction amd slide out (using the Slide Out Action) to any other or the same direction.

Slide in/out are for a Canvas defined as Screen Space Overlay

To Rotate a Canvas in/out, follow the above process, but define you Canvas as Screen Space Camera and add the main camera to the definition.

See the UI Example in the Asset Package for further information on how to use the Animated Canvas Actions.