# Conditions

Conditions 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.

Multiple conditions can be combined using logical operators (AND/OR).

<figure><img src="https://2973737105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAXNLyKVZ2tvtyDr8sVES%2Fuploads%2FErr5X3gLa6Zbh8ISjIQ0%2Fimage.png?alt=media&#x26;token=40860350-2684-49cb-9c07-a02b0c61521a" alt="" width="318"><figcaption></figcaption></figure>

**`AND`** conditions

* all conditions need to be valid
* **`AND`** conditions are added to the condition list in the properties panel

**`OR`** conditions

* only one of the conditions needs to be valid
* **`OR`** conditions are added in the condition popup

<table data-full-width="true"><thead><tr><th width="134">Conditions</th><th width="217.1015625">Description</th><th>Status</th><th>Status</th><th>Status</th><th>Status</th></tr></thead><tbody><tr><td>AR</td><td>Check whether WebAR is supported on the current device.</td><td><ul><li>Available — WebAR is supported</li><li>Unavailable — WebAR is not supported</li></ul></td><td></td><td></td><td></td></tr><tr><td>Animated textures</td><td>Check playback status of animated textures (GIF, Lottie, MP4).</td><td>• Stopped — animation texture is stopped (in the base state)<br><br><br>• <strong>≠</strong> Stopped — animation texture is not stopped (can be playing, paused, or finished)</td><td>• Finished — animation texture finished playing and remains static at the end<br><br><br>• <strong>≠</strong> Finished — animation texture is not finished (can be playing, paused, or stopped)</td><td>• Paused — animation texture is paused<br><br><br>• <strong>≠</strong> Paused — animation texture is not paused (can be playing, stopped, or finished)</td><td>• Playing — animation texture is playing<br><br><br>• <strong>≠</strong> Playing — animation texture is not playing (can be paused, stopped, or finished)</td></tr><tr><td>Animation</td><td>Check playback status of animations created in Animate mode.</td><td>• Stopped — animation is stopped (in the base state)<br><br><br>• <strong>≠</strong> Stopped — animation is not stopped (can be playing, paused, or finished)</td><td>• Finished — animation finished playing and remains static at the end<br><br><br>• <strong>≠</strong> Finished — animation is not finished (can be playing, paused, or stopped)</td><td>• Paused — animation is paused<br><br><br>• <strong>≠</strong> Paused — animation is not paused (can be playing, stopped, or finished)<br><br></td><td>• Playing — animations is playing<br><br><br>• <strong>≠</strong> Playing — animation is not playing (can be paused, stopped, or finished)</td></tr><tr><td>Breakpoint</td><td>Check screen size of a device on which the project is displayed.<br></td><td>We recommend the following breakpoints:<br><br>• Mobile:<br><strong><code>≤ 767</code></strong><br><br><br>• Tablet:<br><strong><code>≥ 768</code></strong> and <strong><code>≤ 1023</code></strong><br><br>• Desktop:<br><strong><code>≥ 1024</code></strong></td><td></td><td></td><td></td></tr><tr><td>Cameras</td><td>Check state of a <a data-mention href="../../design-process/camera">camera</a>.</td><td>• Active —  camera is active</td><td>• Inactive —   camera is inactive</td><td></td><td></td></tr><tr><td>Highlight</td><td>Check status of the <a data-mention href="actions/highlight">highlight</a> action.</td><td>• Active — highlight is active</td><td>• Inactive —  highlight is inactive</td><td></td><td></td></tr><tr><td>Interactions</td><td>Check status of the <a data-mention href="actions/interactions">interactions</a> action.</td><td>• Enabled — interaction enabled</td><td>• Disabled — interaction disabled</td><td></td><td></td></tr><tr><td>Look at</td><td>Checks status of the <a data-mention href="actions/look-at">look-at</a> action.</td><td><ul><li>Active — object is either currently rotating toward the target or has already completed the rotation</li></ul></td><td><ul><li>Inactive — no rotation in progress and no target alignment has occurred</li></ul></td><td><ul><li>Finished — object is fully aligned with the target and no rotation is ongoing</li></ul></td><td><ul><li>Playing — object is actively rotating toward the target</li></ul></td></tr><tr><td>Materials</td><td>Check state of a material.</td><td>• <strong>Active</strong> — material is active</td><td>• <strong>Inactive</strong> — material is inactive</td><td></td><td></td></tr><tr><td>Sounds</td><td>Check playback status of audio file.</td><td>• Stopped — audio file is stopped (in the base state)<br><br><br>• <strong>≠</strong> Stopped — audio file is not stopped (can be playing, paused, or finished)</td><td>• Finished — audio file finished playing and remains static at the end<br><br><br>• <strong>≠</strong> Finished — audio file is not finished (can be playing, paused, or stopped)</td><td>• Paused — audio file is paused<br><br><br>• <strong>≠</strong> Paused — audio file is not paused (can be playing, stopped, or finished)</td><td>• Playing — audio file is playing<br><br><br>• <strong>≠</strong> Playing — audio file is not playing (can be paused, stopped, or finished)</td></tr><tr><td>Transformation</td><td>Check status of <a data-mention href="actions/transformation">transformation</a>.</td><td>• <strong>Active</strong> — transition to the specific transformation state is either in progress or is finished</td><td>• <strong>Inactive</strong> — transition to the specific transformation state is not in progress and not finished</td><td>• <strong>Finished</strong> — transformation state is reached (no transition is in progress)</td><td>• <strong>Playing</strong> — transitioning to the new transformation state</td></tr><tr><td>Variants</td><td>Check status of objects within Variants.</td><td>• <strong>Active</strong> — object is active (selected)</td><td>• <strong>Inactive</strong> — object is inactive (not selected)</td><td></td><td></td></tr><tr><td>Visibility</td><td>Check whether an object is visible or hidden.</td><td>• <strong>Shown</strong> — object is visible</td><td>• <strong>Hidden</strong> — object is not visible</td><td></td><td></td></tr><tr><td>Expression</td><td>Check result of custom expression evaluations <a data-mention href="../../variables-and-expressions#expressions">#expressions</a></td><td></td><td></td><td></td><td></td></tr><tr><td>WebXR</td><td>Check whether WebXR is supported on the current device</td><td><p></p><ul><li>Available — WebXR is supported</li><li>Unavailable — WebXR is not supported</li></ul></td><td></td><td></td><td></td></tr></tbody></table>
