# Animation

{% content-ref url="/spaces/V5IFh3rk5kqfCwJPPYhE/pages/dpAYidkL3e1obTfvKHKA" %}
[Animation Basics](/animation/animation-basics.md)
{% endcontent-ref %}

This section outlines the core concepts of the animation system in ShapesXR — including frames, transitions, easing, autoplay, and editor behavior — with technical clarity and visual examples.

{% content-ref url="/spaces/V5IFh3rk5kqfCwJPPYhE/pages/hYKaHz06TNxdi0kSvx9E" %}
[User Guide & Tips](/animation/user-guide-and-tips.md)
{% endcontent-ref %}

This guide walks you through using the new animation feature in ShapesXR, which allows you to create smooth transitions (tweening) between different frames of your 3D scene. By defining multiple frames with objects in different positions or properties, you can let the system automatically animate the changes — moving objects, adjusting visibility or opacity, changing colors, and more — to bring your prototypes to life.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://learn.shapesxr.com/animation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.