How to Build Drag & Drop Interactions in 3D

Lesson 9 of 14Spline 3DBeginner10 min

Hello everyone! 👋 In this tutorial, you'll learn how to use Spline's drag-and-drop feature in combination with physics, transitions, and actions.

Drag limits example: https://app.spline.design/file/18c9b1d0-8dab-4a58-8e72-f28068857285 Magnetic example: https://app.spline.design/file/0ebfc2c5-f6ef-4172-b0a3-f822d4c3b62e Other examples: https://app.spline.design/library (Drag and drop section)

What you’ll learn

  1. 0:00Introduction
  2. 0:25Basics of drag and drop
  3. 1:58Drop and snapping
  4. 4:23Behaviors, transitions, sound
  5. 5:45Drag limits
  6. 7:20Inertia effect
  7. 7:43Magnetic effect
  8. 8:38Example: Physics
  9. 9:04Example: Droplist

Related resources