> For the complete documentation index, see [llms.txt](https://profpivec.gitbook.io/documentation-and-tutorials/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://profpivec.gitbook.io/documentation-and-tutorials/game-creator/ui-components-for-game-creator/canvas-components/canvas-animations.md).

# 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.

![](/files/-LvkgBMcVY6WrI77M0Bk)

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

![](/files/-LvkgyXDjEQjZUv0L-UN)

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. 

{% hint style="warning" %}
**Slide in/out** are for a Canvas defined as **Screen Space Overlay**
{% endhint %}

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. 

{% hint style="success" %}
See the UI Example in the Asset Package for further information on how to use the Animated Canvas Actions.
{% endhint %}