# Keyframe interpolation modes

You can choose between **Smooth (Bézier)** and **Linear** interpolation modes for keyframe animations. The default interpolation mode is linear.

<figure><img src="/files/WQT61bqucsAAV4kdmSTl" alt=""><figcaption><p>Examples of linear interpolation (left) and smooth interpolation (right) as seen in the curves editor</p></figcaption></figure>

#### Linear interpolation

With linear interpolation, the object will transition between two keyframe values at a constant rate. The rate of change is determined by the difference in values and the time between keyframes. This is the simplest method of interpolation and is suitable for mechanical movements.

<figure><img src="/files/ui7jxUt7OdAz0kMEvVjr" alt=""><figcaption><p>Example animation with linear interpolation</p></figcaption></figure>

#### Smooth (Bézier) interpolation

With smooth interpolation, you can control the rate of change between keyframes. In the curves editor, you can adjust a tangent line for each keyframed value, which then determines the rate of change. This method provides the most control over your animations, and is suitable for organic movements.

<figure><img src="/files/bMQpLSE66qMRYIkxTP2i" alt=""><figcaption><p>Example animation with smooth (Bézier) interpolation</p></figcaption></figure>

## Setting the interpolation mode

To choose an interpolation mode, complete the following steps:

1. In the top-right corner of the editor panel, select <img src="/files/5R1ZoaTKV2IgyrycoxFe" alt="" data-size="line">.
2. Select **Options**.
3. On the Options page, select either **Smooth (Bézier)** or **Linear**.
4. Select <img src="/files/jtKtYkKPiYr3SzdhHRlB" alt="" data-size="line"> to return to the timeline.

After you select an interpolation mode, all keyframes that you add will use that mode, even if you restart the application or load another experience. To change to a different interpolation mode, repeat previous steps.

{% hint style="warning" %}
You cannot change the interpolation mode of a keyframe after you create it.
{% 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/user-interface/keyframe-interpolation-modes.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.