Cria uma personagem de abelha interativa para a web

Lição 8 de 14Spline 3DIntermédio14 min

Bem-vindo de volta! 🙌 Neste tutorial em vídeo, mostramos-te como criar uma experiência interativa com uma adorável personagem de abelha. Conhece o Spline: https://spline.design/

Vais 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 mexerem-se ou aparecerem no ecrã quando se clica em botões, com o evento Mouse Down.

Descarrega esta abelha 3D e acompanha o tutorial.

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

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

Boa aprendizagem!

O que vais aprender

  1. 0:00Introdução
  2. 0:38Criar uma animação das asas em loop
  3. 2:44Acrescentar olhos a piscar
  4. 4:13Criar efeitos de transição com botões (evento Mouse Down)
  5. 11:53Configurar a câmara e exportar para o site

Recursos relacionados