Spline
  • Klanten
  • Enterprise
  • Prijzen
Neem contact op met salesBegin met bouwen
  1. Academy
  2. Tutorials
  3. Drag-and-drop-interacties bouwen in 3D

Drag-and-drop-interacties bouwen in 3D

Spline 3DBeginner10 min

Hallo allemaal! 👋 In deze tutorial leer je hoe je de drag-and-drop-functie van Spline combineert met physics, transities en actions.

Voorbeeld met drag-limieten: https://app.spline.design/file/18c9b1d0-8dab-4a58-8e72-f28068857285 Magnetisch voorbeeld: https://app.spline.design/file/0ebfc2c5-f6ef-4172-b0a3-f822d4c3b62e Andere voorbeelden: https://app.spline.design/library (sectie Drag and drop)

Wat je leert

  1. 0:00Introductie
  2. 0:25De basis van drag-and-drop
  3. 1:58Neerzetten en snappen
  4. 4:23Gedrag, transities, geluid
  5. 5:45Drag-limieten
  6. 7:20Inertie-effect
  7. 7:43Magnetisch effect
  8. 8:38Voorbeeld: physics
  9. 9:04Voorbeeld: droplist

Gerelateerde bronnen

  • Drag and drop - StreetTemplate
  • Drag and Drop EventDocument

Overzicht

  • Spline 3D
  • 10 min
  • Beginner

Onderdeel van

  • Animatie en interacties in Spline

Gerelateerde tutorials

Alle tutorials
Logica gebruiken in je 3D-scènes met Spline

Spline 3DBeginner7 min

Vorm interactieve 3D-vloeistofvormen die de cursor volgen

Spline 3DBeginner12 min

Een lopend 3D-personage animeren

Spline 3DBeginner14 min

Spline

De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android.

Vraag AI naar Spline

  • English
  • Čeština
  • Deutsch
  • Español
  • Français
  • हिन्दी
  • Bahasa Indonesia
  • Italiano
  • 日本語
  • 한국어
  • Bahasa Melayu
  • Nederlands
  • Filipino
  • Polski
  • Português (Brasil)
  • Português (Portugal)
  • Русский
  • Svenska
  • ไทย
  • Türkçe
  • Українська
  • Tiếng Việt
  • 简体中文
  • 繁體中文

Producten

  • 3D-design
  • Hana
  • Omma
  • 3D genereren met AI
  • Spline MCP
  • Spline Arena
  • Prijzen
  • Enterprise

Runtimes

  • Web
  • iOS
  • Android

Apps

  • Downloaden
  • Spline Mirror
  • Spline Mirror downloaden

Leren

  • Docs
  • Academy
  • Spline API
  • Oplossingen

Community

  • Spline Community
  • Blog
  • Changelog
  • Onderwijs
  • Contra
  • Affiliates

Bedrijf

  • Klanten
  • Vacatures
  • Beveiliging

Juridisch

  • Algemene voorwaarden
  • Privacy

Contact

  • help@spline.design
  • jobs@spline.design
© 2026 - Spline, Inc.