# Character Animations

{% content-ref url="../glb-fbx-animations-for-convai" %}
[glb-fbx-animations-for-convai](https://docs.convai.com/api-docs/plugins-and-integrations/web-plugins/glb-fbx-animations-for-convai)
{% endcontent-ref %}

Upon completing the creation/upload of all desired animations within the PlayCanvas environment, construct an Animation State Graph to effectively manage and control the animation states and transitions

Reference : <https://developer.playcanvas.com/tutorials/anim-blending/>

<figure><img src="https://413558230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtUJA212Zc1S9ACc8T4l%2Fuploads%2F9dHPH9bs8pHqrOf7u98J%2FScreenshot%20(34).png?alt=media&#x26;token=9ae0562d-9e4a-4fce-a83f-8702ccd87a6d" alt=""><figcaption><p>Demo state graph</p></figcaption></figure>

Attach the state graph and animation files to the character. Create a Anim component and drag-drop the files to the placeholders.

<figure><img src="https://413558230-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtUJA212Zc1S9ACc8T4l%2Fuploads%2FYOl9ykKqE3O4d7mu6pWT%2FScreenshot%20(35).png?alt=media&#x26;token=82e10978-daf3-45fd-84c7-460a7de50357" alt=""><figcaption></figcaption></figure>