# 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: 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.engagevr.io/engage/experience-editor/creating-animations/keyframe-animation/creating-a-keyframe-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.
