Spline
  • Clientes
  • Empresas
  • Preços
Falar com a equipa comercialComeça a criar
  1. Academy
  2. Tutoriais
  3. Como criar interações de arrastar e largar em 3D

Como criar interações de arrastar e largar em 3D

Spline 3DPrincipiante10 min

Olá a todos! 👋 Neste tutorial, vais aprender a usar a funcionalidade de arrastar e largar do Spline em combinação com física, transições e ações.

Exemplo de limites de arrasto: https://app.spline.design/file/18c9b1d0-8dab-4a58-8e72-f28068857285 Exemplo magnético: https://app.spline.design/file/0ebfc2c5-f6ef-4172-b0a3-f822d4c3b62e Outros exemplos: https://app.spline.design/library (secção Drag and drop)

O que vais aprender

  1. 0:00Introdução
  2. 0:25Noções básicas de arrastar e largar
  3. 1:58Largar e encaixar
  4. 4:23Comportamentos, transições, som
  5. 5:45Limites de arrasto
  6. 7:20Efeito de inércia
  7. 7:43Efeito magnético
  8. 8:38Exemplo: física
  9. 9:04Exemplo: Droplist

Recursos relacionados

  • Drag and drop - StreetTemplate
  • Drag and Drop EventDocumento

Visão geral

  • Spline 3D
  • 10 min
  • Principiante

Faz parte de

  • Animação e interações no Spline

Tutoriais relacionados

Todos os tutoriais
Como usar lógica nas tuas cenas 3D com o Spline

Spline 3DPrincipiante7 min

Molda formas fluidas 3D interativas que seguem o cursor

Spline 3DPrincipiante12 min

Como animar uma personagem 3D a caminhar

Spline 3DPrincipiante14 min

Spline

O editor 3D e 2D para equipas e os seus agentes. Publica na web, em iOS e em Android.

Pergunta à IA sobre o 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
  • 简体中文
  • 繁體中文

Produtos

  • Design 3D
  • Hana
  • Omma
  • Geração 3D com IA
  • Spline MCP
  • Spline Arena
  • Preços
  • Empresas

Runtimes

  • Web
  • iOS
  • Android

Apps

  • Transferir
  • Spline Mirror
  • Transferir o Spline Mirror

Aprender

  • Docs
  • Academy
  • API do Spline
  • Soluções

Comunidade

  • Comunidade Spline
  • Blog
  • Novidades
  • Educação
  • Contra
  • Afiliados

Empresa

  • Clientes
  • Carreiras
  • Segurança

Informação legal

  • Termos e condições
  • Privacidade

Contacto

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