Spline
Talk to salesStart building

How to Build a Reactive 3D Orb with Motion and Interaction

Spline 3DIntermediate7 min

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

What you’ll learn

  1. 0:00Intro
  2. 0:18Creating base object and adding materials
  3. 1:30Using Cloner
  4. 2:25Adding a Follow event
  5. 3:46Adding a Distance event
  6. 4:32Polishing the animation
  7. 5:17Animating the cloner group
  8. 5:47Final design
  9. 6:13Export tips
  10. 6:20Outro

Related resources

Related tutorials

All tutorials
How to Create 3D Data Visualizations in Spline Using Variables and Real-Time APIs

Spline 3DAdvanced15 min

Create Liquid Glass Materials in 3D

Spline 3DBeginner12 min

Create an Interactive Switch with Progressive Blur and Gradients

HanaBeginner4 min