Spline
Fale com vendasComece a criar

Como criar uma interação de carrossel 3D

Aula 6 de 17Spline 3DAvançado16 min

🎡 Neste tutorial, vamos criar uma interação divertida de carrossel 3D usando a mágica das variáveis! Mostramos cada passo, do posicionamento dos objetos e da configuração da clonagem radial até a criação de efeitos suaves de rotação disparados pelos cliques do usuário.

👉 Faça remix das demos de carrossel mostradas no tutorial! 👇 Exemplo básico de carrossel de cubos 3D: https://app.spline.design/file/7a7cdf26-ca54-4690-a76d-247dcaaf257a

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

---

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

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

---

O que você vai aprender

  1. 0:00Configurando o carrossel 3D
  2. 0:15Criando um carrossel básico
  3. 1:32Usando variáveis para a rotação
  4. 6:33Disparando a rotação com o evento Mouse Down
  5. 8:35Criando efeitos de escala (exemplo de carrossel de cards)

Recursos relacionados