Como criar uma esfera 3D reativa com movimento e interação

Aula 3 de 17Spline 3DIntermediário7 min

Hoje vamos mostrar como criar esta esfera 3D interativa de inspiração tecnológica usando o cloner e eventos de mouse no Spline, perfeita para qualquer projeto web, como landing pages, vitrines de produtos ou qualquer projeto de design que você quiser.

Esta cena foi criada por Vlad Kolokolnikov. Confira a comunidade do Spline para encontrar esta e outras cenas 3D gratuitas para fazer remix.

Demo: https://app.spline.design/community/file/306ca2a5-d1ab-46ac-a27c-198575c82db0

O que você vai aprender

  1. 0:00Introdução
  2. 0:18Criando o objeto base e adicionando materiais
  3. 1:30Usando o Cloner
  4. 2:25Adicionando um evento Follow
  5. 3:46Adicionando um evento Distance
  6. 4:32Refinando a animação
  7. 5:17Animando o grupo do cloner
  8. 5:47Design final
  9. 6:13Dicas de exportação
  10. 6:20Encerramento

Recursos relacionados