Spline
  • Clientes
  • Enterprise
  • Precios
Habla con ventasEmpieza a crear
  1. Academy
  2. Tutoriales
  3. Cómo crear interacciones de arrastrar y soltar en 3D

Cómo crear interacciones de arrastrar y soltar en 3D

Spline 3DPrincipiante10 min

¡Hola a todos! 👋 En este tutorial aprenderás a usar la función de arrastrar y soltar de Spline combinada con física, transiciones y acciones.

Ejemplo de límites de arrastre: https://app.spline.design/file/18c9b1d0-8dab-4a58-8e72-f28068857285 Ejemplo magnético: https://app.spline.design/file/0ebfc2c5-f6ef-4172-b0a3-f822d4c3b62e Otros ejemplos: https://app.spline.design/library (sección Drag and drop)

Lo que aprenderás

  1. 0:00Introducción
  2. 0:25Conceptos básicos de arrastrar y soltar
  3. 1:58Soltar y ajustar
  4. 4:23Comportamientos, transiciones y sonido
  5. 5:45Límites de arrastre
  6. 7:20Efecto de inercia
  7. 7:43Efecto magnético
  8. 8:38Ejemplo: física
  9. 9:04Ejemplo: lista desplegable

Recursos relacionados

  • Drag and drop - StreetPlantilla
  • Drag and Drop EventDocumento

Resumen

  • Spline 3D
  • 10 min
  • Principiante

Parte de

  • Animación e interacciones en Spline

Tutoriales relacionados

Todos los tutoriales
Cómo usar la lógica en tus escenas 3D con Spline

Spline 3DPrincipiante7 min

Modela formas fluidas 3D interactivas que siguen al cursor

Spline 3DPrincipiante12 min

Cómo animar un personaje 3D caminando

Spline 3DPrincipiante14 min

Spline

El editor 3D y 2D para equipos y sus agentes. Publica en la web, iOS y Android.

Pregúntale a la IA sobre 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
  • 简体中文
  • 繁體中文

Productos

  • Diseño 3D
  • Hana
  • Omma
  • Generación 3D con IA
  • Spline MCP
  • Spline Arena
  • Precios
  • Enterprise

Runtimes

  • Web
  • iOS
  • Android

Apps

  • Descargar
  • Spline Mirror
  • Descargar Spline Mirror

Aprende

  • Docs
  • Academy
  • API de Spline
  • Soluciones

Comunidad

  • Comunidad de Spline
  • Blog
  • Novedades
  • Educación
  • Contra
  • Afiliados

Empresa

  • Clientes
  • Empleo
  • Seguridad

Legal

  • Términos y condiciones
  • Privacidad

Contacto

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