> For the complete documentation index, see [llms.txt](https://docs.engagevr.io/engage/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.engagevr.io/engage/experience-editor/creating-animations/keyframe-animation/creating-a-keyframe-animation.md).

# Creating a keyframe animation

{% hint style="info" %}
You can choose whether the keyframes that you create use linear or smooth (Bézier) interpolation. For more information, see [Keyframe interpolation modes](/engage/experience-editor/user-interface/keyframe-interpolation-modes.md).
{% endhint %}

1. Select the object that you want to animate.
2. Move the playhead to the location on the timeline where you want to create a keyframe.
3. Set the attributes that you want to create a keyframe for. For example, move the object to a position, set a rotation, or set a scale.
4. In the editor panel, select the set key icon (<img src="/files/LL8x0ewxl2LQ7tILKhK4" alt="" data-size="line">).
5. Repeat from Step 2 until your animation is complete.

For more information about how to work with keys in the different parts of the Experience Editor interface, see [The editor panel](/engage/experience-editor/user-interface/the-editor-panel.md).

{% hint style="info" %}
Remember to set a key for the initial state of your object. Move the play head to the first frame of the object’s container, set the initial position, rotation, and scale, and then select the set key icon (<img src="/files/LL8x0ewxl2LQ7tILKhK4" alt="" data-size="line">).
{% endhint %}

{% hint style="warning" %}
If you adjust an object, but don't select the set key icon, your changes will be lost when you move the playhead or select play.
{% endhint %}


---

# 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, and the optional `goal` query parameter:

```
GET https://docs.engagevr.io/engage/experience-editor/creating-animations/keyframe-animation/creating-a-keyframe-animation.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.