# How to Create a 3D Carousel Interaction (https://academy.spline.design/tutorials/how-to-create-a-3d-carousel-interaction)

> A video tutorial from the Spline Academy.

- Product: Spline 3D
- Level: advanced
- Duration: 16 min 16 s
- Published: 2024-11-22
- Video: https://www.youtube.com/watch?v=pR2AhQ22KwM
- Part of: [Spline Advanced | Feature Deep Dive](https://academy.spline.design/collections/spline-advanced-feature-deep-dive.md)

## About this tutorial

🎡 In this tutorial, we’ll dive into creating a fun 3D carousel interaction using the magic of variables! 
We’ll walk you through each step, from positioning objects and setting up radial cloning to creating smooth rotation effects triggered by user clicks.

👉 Remix the Carousel Demos Featured in the Tutorial! 👇
Basic 3D Cubes Carousel Example:
https://app.spline.design/file/7a7cdf26-ca54-4690-a76d-247dcaaf257a

3D Cards Carousel:
https://app.spline.design/file/f2857f06-7a97-4245-a43e-fe88503913d4

---

🧑‍🏫 Learn more about Variables:
https://www.youtube.com/watch?v=Id_SZVCUVMM
https://www.youtube.com/watch?v=eCxLYk2rNzg

---
Discover more amazing creators and projects #MadeInSpline at https://community.spline.design/

---

## Chapters

- [0:00](https://www.youtube.com/watch?v=pR2AhQ22KwM&t=0s) Setting Up 3D Carousel
- [0:15](https://www.youtube.com/watch?v=pR2AhQ22KwM&t=15s) Building Basic Carousel
- [1:32](https://www.youtube.com/watch?v=pR2AhQ22KwM&t=92s) Using Variables for Rotation
- [6:33](https://www.youtube.com/watch?v=pR2AhQ22KwM&t=393s) Triggering Rotation with Mouse Down Event
- [8:35](https://www.youtube.com/watch?v=pR2AhQ22KwM&t=515s) Creating Scaling Effects (Cards Carousel Example)

## Related documentation

- [Cloner Motion](https://docs.spline.design/designing-in-3-d/cloner-motion)
- [Variables](https://docs.spline.design/interaction-states-events-and-actions/variables)
- [Mouse Down Event](https://docs.spline.design/interaction-states-events-and-actions/events/mouse-down-event)