# Interactions

## Overview

Interactions mode provides comprehensive tools for defining the logic and behavior of a 3D project. In this mode, interactions are created by combining triggers, conditions, and actions, enabling detailed control over the responses and functionality of 3D objects, UI elements, and other project components. This ensures highly customizable and dynamic interactive experiences tailored precisely to project goals.

<table><thead><tr><th width="150.3515625"></th><th width="382.2109375"></th><th width="198.28125"></th></tr></thead><tbody><tr><td><br><a href="interactions/triggers" class="button primary">Triggers</a></td><td><strong>Triggers</strong> are key components within interactions, determining when an interaction should activate. Each interaction can contain one or multiple triggers.</td><td><ul><li>On load</li><li>On update</li><li>On click</li><li>Mouse enter</li><li>Mouse exit</li><li>Event listener</li><li>While dragging</li><li>While hovering</li><li>WebXR</li></ul></td></tr><tr><td><a href="interactions/conditions" class="button primary">Conditions</a></td><td><strong>Conditions</strong> are optional components in configuring interactions, unlike triggers and actions, which are mandatory. Conditions specify that an action should execute only if one or several criteria are met.</td><td><ul><li>AR</li><li>Animated textures</li><li>Animation</li><li>Breakpoint</li><li>Cameras</li><li>Highlight</li><li>Interactions</li><li>Materials</li><li>Sounds</li><li>Transformation</li><li>Variants</li><li>Visibility</li><li>WebXR</li><li>Expression</li></ul></td></tr><tr><td><a href="interactions/actions" class="button primary">Actions</a></td><td><strong>Actions</strong> are a core component of interactions, defining what happens when a trigger activates and any specified conditions are met.</td><td><ul><li>AR</li><li>Animated textures</li><li>Animation</li><li>Cameras</li><li>Download image</li><li>Highlight</li><li>Interactions</li><li>Link</li><li>Materials</li><li>Sounds</li><li>Transformation</li><li>Upload image</li><li>Variants</li><li>Visibility</li><li>WebXR</li><li>Send event</li><li>Set variable</li></ul></td></tr><tr><td><a href="interactions/events-for-api" class="button primary">Events (API)</a></td><td><strong>Events</strong> allow external communication with a project by adding to interactions, enabling connections between the project and external environments.</td><td><ul><li>Event listener</li><li>Send event</li></ul></td></tr></tbody></table>

## Tips

#### Grouping Interactions

\
Grouping interactions helps organize and manage large sets of interactions more efficiently.<br>

* To create a group, select an interaction and right-click to choose the grouping option
* Right-click on an existing group to **`ungroup`** it or **`delete`** with interactions&#x20;
* Double-click on a group to **rename** it
* Hold `Shift` to select multiple interactions and group them together in one step

<figure><img src="https://2973737105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAXNLyKVZ2tvtyDr8sVES%2Fuploads%2FTht7hvpiOin8M9iByk59%2Fgroup%20inter.gif?alt=media&#x26;token=629bc0b5-40e2-4dbb-b0bb-1f90339ceeaa" alt=""><figcaption></figcaption></figure>

#### Object dropper

\
The **Object Dropper** tool simplifies object selection. Click the icon to activate it, then click directly on an object in the canvas to select it. The **Object Dropper** is available next to several dropdown menus throughout the interface.

<figure><img src="https://2973737105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAXNLyKVZ2tvtyDr8sVES%2Fuploads%2FfgITky3R9w2xasxlR4ca%2Fimage.png?alt=media&#x26;token=1c9e5ac1-404a-496f-be08-4de588efd046" alt="" width="563"><figcaption></figcaption></figure>