Crie uma interação 2D de seguir o cursor

Aula 6 de 15HanaIniciante8 min

Se é a primeira vez que você experimenta design 2D interativo, este é um ótimo ponto de partida! 😉 Neste tutorial, mostramos passo a passo como criar facilmente uma interação 2D que segue seu cursor (ou acompanha o toque em dispositivos móveis) usando o Hana, um novo canvas em tempo real para criar e animar experiências 2D interativas.

Vamos criar esta interação divertida aplicando o evento Follow para gerar uma reação em cadeia suave e fluida. É um jeito fácil e divertido de dar um pouco de movimento e personalidade ao seu site ou projeto.

Demo 👉 https://app.spline.design/ui/98440491-bf75-4e54-ab6f-afa16fc04f7e

Aprenda a criar isso em 3D usando o editor 3D do Spline: https://youtu.be/TQe5Ae16rE8

O que você vai aprender

  1. 0:00Primeiros passos
  2. 0:49Criando elipses e aplicando o evento Follow
  3. 2:41Ajustando os valores de amortecimento e os tamanhos
  4. 6:10Exportando e incorporando o design

Recursos relacionados