Crie uma abelha interativa para a web

Aula 8 de 14Spline 3DIntermediário14 min

Que bom ter você de volta! 🙌 Neste tutorial em vídeo, mostramos como criar uma experiência interativa com uma abelha adorável. Conheça o Spline: https://spline.design/

Você vai aprender a criar uma animação em loop para as asas e os olhos da abelha e a implementar um efeito de transição interativo que faz elementos se moverem ou aparecerem na tela quando botões são clicados, usando o evento Mouse Down.

Baixe esta abelha 3D e acompanhe o tutorial.

🐝 Remix: https://app.spline.design/file/68152128-3ac0-4fdd-a941-1cdcbe075c43

Saiba mais sobre eventos interativos na documentação do Spline! 📘 https://docs.spline.design/

Bons estudos!

O que você vai aprender

  1. 0:00Introdução
  2. 0:38Criando a animação em loop das asas
  3. 2:44Adicionando olhos que piscam
  4. 4:13Criando efeitos de transição com botões (evento Mouse Down)
  5. 11:53Configurando a câmera e exportando para o site

Recursos relacionados