Spline
  • Kunden
  • Enterprise
  • Preise
Vertrieb kontaktierenJetzt loslegen
  1. Academy
  2. Tutorials
  3. Drag-&-Drop-Interaktionen in 3D bauen

Drag-&-Drop-Interaktionen in 3D bauen

Spline 3DEinsteiger10 Min.

Hallo zusammen! 👋 In diesem Tutorial lernst du, wie du die Drag-&-Drop-Funktion von Spline zusammen mit Physik, Übergängen und Actions nutzt.

Beispiel für Ziehgrenzen: https://app.spline.design/file/18c9b1d0-8dab-4a58-8e72-f28068857285 Magnetisches Beispiel: https://app.spline.design/file/0ebfc2c5-f6ef-4172-b0a3-f822d4c3b62e Weitere Beispiele: https://app.spline.design/library (Bereich „Drag and drop“)

Das lernst du

  1. 0:00Einführung
  2. 0:25Grundlagen von Drag & Drop
  3. 1:58Ablegen und Einrasten
  4. 4:23Verhalten, Übergänge, Sound
  5. 5:45Ziehgrenzen
  6. 7:20Trägheitseffekt
  7. 7:43Magnetischer Effekt
  8. 8:38Beispiel: Physik
  9. 9:04Beispiel: Drop-Liste

Weitere Ressourcen

  • Drag and drop - StreetVorlage
  • Drag and Drop EventDokument

Überblick

  • Spline 3D
  • 10 Min.
  • Einsteiger

Teil von

  • Animation und Interaktionen in Spline

Ähnliche Tutorials

Alle Tutorials
Logik in deinen 3D-Szenen mit Spline nutzen

Spline 3DEinsteiger7 Min.

Interaktive, fließende 3D-Formen gestalten, die dem Cursor folgen

Spline 3DEinsteiger12 Min.

Einen laufenden 3D-Charakter animieren

Spline 3DEinsteiger14 Min.

Spline

Der 3D- und 2D-Editor für Teams und ihre Agenten. Veröffentliche im Web, auf iOS und Android.

Frag die KI zu 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
  • 简体中文
  • 繁體中文

Produkte

  • 3D-Design
  • Hana
  • Omma
  • KI-3D-Generierung
  • Spline MCP
  • Spline Arena
  • Preise
  • Enterprise

Runtimes

  • Web
  • iOS
  • Android

Apps

  • Download
  • Spline Mirror
  • Spline Mirror herunterladen

Lernen

  • Docs
  • Academy
  • Spline API
  • Lösungen

Community

  • Spline Community
  • Blog
  • Changelog
  • Bildung
  • Contra
  • Affiliate

Unternehmen

  • Kunden
  • Karriere
  • Sicherheit

Rechtliches

  • AGB
  • Datenschutz

Kontakt

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