3D Web Interactions

Use Aircada to connect scroll, hover, and click events to animations and object behaviors. This guide shows you how to set up each interaction type, add it to your storefront, and test it in minutes.

Scroll

Create scroll-based transitions by linking scroll events to camera states.

<air-viewer smart-id="xGmIO6t2H"></air-viewer>
<script type="module" src="https://viewer.aircada.com/embedder.js"></script>

Pointer Effects

Change object properties based on mouse events like hover, click, and drag.

<air-viewer smart-id="EraBbdyva"></air-viewer>
<script type="module" src="https://viewer.aircada.com/embedder.js"></script>

Follow

Enable objects to follow the cursor or other objects with the Follow event.

<air-viewer smart-id="Vw7DioSVT"></air-viewer>
<script type="module" src="https://viewer.aircada.com/embedder.js"></script>

Move your pointer

to see the follow effect in action

Look At

Set objects to look at the camera, cursor, or other objects using the Look At event.

<air-viewer smart-id="u4GzsxxiM"></air-viewer>
<script type="module" src="https://viewer.aircada.com/embedder.js"></script>