# Interactivity Feature

## What Is Interactivity?

{% embed url="<https://youtu.be/giq4fhuo2wA>" %}

Interactivity allows you to add **interactive animation effects to your objects**, so your creation will appear much more impressive.

All you need is to set the trigger and target objects, choose the interactive animation type that you want, and you're good to go.

## Interactivity Pane

You can see all your interactivity actions on the **Interactivity Pane**. It’s an all-in-one pane, and you can arrange a few quick things here!

<figure><img src="/files/cYOTXFimTw6oaCNy4D2D" alt=""><figcaption></figcaption></figure>

1. Play the preview of your interactivity action.
2. Sort your interactivity actions based on their start time.
3. Insert the start time of your interactivity action.
4. Insert the duration of your interactivity action.
5. Head to the Interactivity Settings pane.
6. Add new interactivity actions.

### Pro Tip

On your trigger object, **you can** **add more than one interactivity action**! However, make sure that they’re not too much, so they won’t overlap and will be more seamless.

## How to Create Projects With Interactivity

<figure><img src="/files/jiG7G7keTElXBYOH0Q6n" alt=""><figcaption></figcaption></figure>

On the settings, you can start with naming your interactivity actions. This will be very helpful to differentiate one action among the other ones.

<figure><img src="/files/WrXc8he7RgxFi27QN21T" alt=""><figcaption></figcaption></figure>

To make more mind blowing interactivity, you can decide the trigger and target object as well. The trigger and target can either be the same or different objects. It’s up to your liking!

The logic is: when you click or tap on the trigger object, it will trigger the target object to act based on the interactivity action you add.

Every interactivity action also comes with the advanced settings. You can set up the start time, duration, and easing of your interactivity; except for the Open URL action.

### Pro Tip

Oftentimes, **start time and duration** play a huge role for your interactivity actions. Make sure that you set them right according to your needs, so the animations won’t overlap with each other.

<figure><img src="/files/iivSln8wwVLsO1eMzVcd" alt=""><figcaption></figcaption></figure>

1. Determine the time your target object starts to react after you click or tap on it.
2. Determine how long your target object will react.
3. Specify the motion of your target object, so at some points, it may accelerate or decelerate.


---

# 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://guide.assemblrworld.com/assemblr-studio-editor/interactivity-feature.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.