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

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

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

#techinspired#reactive#orb#spline#3d#3d design#ui design#motion design#interactive#design#ixd#webdesign#website#ui#ux#tutorial#animation#motion#graphic design#tutorial-3d-design#tutorial-interaction#cloner#interaction#tutorial-events

What you'll learn

  • 0:00Intro
  • 0:18Creating base object and adding materials
  • 1:30Using Cloner
  • 2:25Adding a Follow event
  • 3:46Adding a Distance event
  • 4:32Polishing the animation

Overview

Spline 3D
6min
Intermediate