Como criar uma interação de carrossel 3D

Spline 3DAvançado16 min

🎡 Neste tutorial, vamos criar uma divertida interação de carrossel 3D com a magia das variáveis! Acompanhamos-te em cada passo, desde posicionar objetos e configurar a clonagem radial até criar efeitos de rotação suaves acionados pelos cliques do utilizador.

👉 Faz remix das demonstrações de carrossel apresentadas no tutorial! 👇 Exemplo básico de carrossel de cubos 3D: https://app.spline.design/file/7a7cdf26-ca54-4690-a76d-247dcaaf257a

Carrossel de cartões 3D: https://app.spline.design/file/f2857f06-7a97-4245-a43e-fe88503913d4

---

🧑‍🏫 Sabe mais sobre variáveis: https://www.youtube.com/watch?v=Id_SZVCUVMM https://www.youtube.com/watch?v=eCxLYk2rNzg

--- Descobre mais criadores e projetos incríveis #MadeInSpline em https://community.spline.design/

---

O que vais aprender

  1. 0:00Preparar o carrossel 3D
  2. 0:15Construir um carrossel básico
  3. 1:32Usar variáveis para a rotação
  4. 6:33Acionar a rotação com o evento Mouse Down
  5. 8:35Criar efeitos de escala (exemplo do carrossel de cartões)

Recursos relacionados

Tutoriais relacionados

Todos os tutoriais