> For the complete documentation index, see [llms.txt](https://docs.motorica.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.motorica.com/documentation/motion-stage/motion-stage-reference.md).

# Motion Stage Reference

## Overview

<figure><img src="/files/Z2YckBbgs0WH3OexwIeg" alt="An orange avatar model running along a gridded line with yellow callout numbers highlighting the UI elements."><figcaption><p>Overview diagram of the UI in Motion Stage.</p></figcaption></figure>

1. Y-up Axis.
2. Character Settings.
3. Playback Timeline.
4. Control Tabs.
5. Control Settings.
6. Animation Seed and Generator

## 1. Y-up Axis

<figure><img src="/files/qwusDl4fTzXDRP2Z58Ab" alt="An orange avatar model running along a gridded line in a greyed out background, with a yellow #1 callout highlighting a compass.."><figcaption><p>Highlighted diagram of the Y-up axis in Motion Stage's UI.</p></figcaption></figure>

Motion Stage uses a right-handed Y-Up Axis:&#x20;

* X is left
* Y is up
* Z is forward.

<div align="center"><figure><img src="/files/mGYKaCDkv1Tov7aK9OJe" alt="A circle with different colored circles placed inside, representing X, Y, and Z bubbles in an invisible 3D plane."><figcaption></figcaption></figure></div>

## 2. Character Settings

<figure><img src="/files/eWwpj0xzImQFqit1gR0A" alt="An orange avatar model running along a gridded line in a greyed out background, with a yellow #2 callout highlighting UI elements."><figcaption><p>Highlighted diagram of the character settings in Motion Stage's UI.</p></figcaption></figure>

The character settings allow you to change physical aspects of the avatar and toggle certain visual features in the 3D space.

The following settings occur from top to bottom in the UI:

* **Avatar Settings**: adjusts the avatar's gender and weight.
* **Follow Character**: enabled by default, it permits the camera to follow the avatar's movements.
* **Run in Place**: disables the 3D space's grid lines and pathing arrows while the camera follows the avatar's movements.
* **Show Skeleton**: displays the avatar's skeleton and joint structure.
* **Show Root Path**: displays the root path which the avatar travels during the animation.

## 3. Playback Timeline

<figure><img src="/files/gvVy26Of0RME69udOK8x" alt="An orange avatar model running along a gridded line in a greyed out background, with a yellow #3 callout highlighting a playback timeline."><figcaption><p>Highlighted diagram of the playback timeline in Motion Stage's UI.</p></figcaption></figure>

This section includes buttons and controls for:&#x20;

* Pause and playback.
* Real-time draggable timeline.
* Automatic playback repeat.
* Playback speed.

## 4. Control Tabs

<figure><img src="/files/xq1OqWzarZB86pVuZkEm" alt="An orange avatar model running along a gridded line in a greyed out background, with a yellow #4 callout highlighting UI elements."><figcaption><p>Highlighted diagram of the control tabs in Motion Stage's UI.</p></figcaption></figure>

There are three different control tabs:

1. **Styles**: adjusts the animation's personality and expression using Styles. Learn more in the [Styles concepts](/learn/concepts/styles.md).
2. **Motion**: fields and values for adjusting the animation's pathing and movement. Learn more in [The Motion Engine concepts](/learn/concepts/the-motion-engine.md#motion-controls).
3. **Options**: additional features for looping, mirroring, and adding variations to animations.

## 5. Control Settings

<figure><img src="/files/UVMyU6oPL83hRoq4qgdy" alt="An orange avatar model running along a gridded line in a greyed out background, with a yellow #5 callout highlighting buttons, dropdowns, and sliders.."><figcaption><p>Highlighted diagram of the control settings in Motion Stage's UI.</p></figcaption></figure>

Contains all adjustment and customization options for generating an animation.

## 6. Animation and Seed Generator

<figure><img src="/files/mp0k1VAns8gjc2PM1NLp" alt="An orange avatar model running along a gridded line in a greyed out background, with a yellow #6 callout highlighting buttons for animation.."><figcaption><p>Highlighted diagram of the animation and seed generator in Motion Stage's UI.</p></figcaption></figure>

* **Seed**: the unique, randomized numerical value for generating your animation.&#x20;
* **Animate** button: generates your animation based on your chosen settings and the randomized seed.
* **Export** button: exports the generated animation to your web browser's download folder.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://docs.motorica.com/documentation/motion-stage/motion-stage-reference.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.