# How to Build a Reactive 3D Orb with Motion and Interaction (https://academy.spline.design/collections/spline-advanced-feature-deep-dive/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)

> A video tutorial from the Spline Academy.

- Product: Spline 3D
- Level: intermediate
- Duration: 6 min 35 s
- Published: 2025-08-19
- Video: https://www.youtube.com/watch?v=ol3f-vwZhBI
- Part of: [Spline Advanced | Feature Deep Dive](https://academy.spline.design/collections/spline-advanced-feature-deep-dive.md)

## About this tutorial

Today, we’ll show you how to create this tech-inspired interactive 3D orb using the cloner and mouse events in Spline, perfect for any web projects like landing pages, product showcases, or any design project you like.

This scene was made by Vlad Kolokolnikov, check out the Spline community to find this and more 3D scenes free to remix. 

Demo: https://app.spline.design/community/file/306ca2a5-d1ab-46ac-a27c-198575c82db0

## Chapters

- [0:00](https://www.youtube.com/watch?v=ol3f-vwZhBI&t=0s) Intro
- [0:18](https://www.youtube.com/watch?v=ol3f-vwZhBI&t=18s) Creating base object and adding materials
- [1:30](https://www.youtube.com/watch?v=ol3f-vwZhBI&t=90s) Using Cloner
- [2:25](https://www.youtube.com/watch?v=ol3f-vwZhBI&t=145s) Adding a Follow event
- [3:46](https://www.youtube.com/watch?v=ol3f-vwZhBI&t=226s) Adding a Distance event
- [4:32](https://www.youtube.com/watch?v=ol3f-vwZhBI&t=272s) Polishing the animation
- [5:17](https://www.youtube.com/watch?v=ol3f-vwZhBI&t=317s) Animating the cloner group
- [5:47](https://www.youtube.com/watch?v=ol3f-vwZhBI&t=347s) Final design
- [6:13](https://www.youtube.com/watch?v=ol3f-vwZhBI&t=373s) Export tips
- [6:20](https://www.youtube.com/watch?v=ol3f-vwZhBI&t=380s) Outro

## Related documentation

- [Cloner Motion](https://docs.spline.design/designing-in-3-d/cloner-motion)
- [How state-based animation works](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Materials & Shading](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)