Cria uma interação Follow em 2D

Lição 6 de 15HanaPrincipiante8 min

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

Vamos construir esta interação divertida aplicando o evento Follow para criar uma reação em cadeia suave e fluida. É uma forma divertida e fácil de acrescentar movimento e personalidade ao teu site ou projeto.

Demonstração 👉 https://app.spline.design/ui/98440491-bf75-4e54-ab6f-afa16fc04f7e

Aprende a criar isto em 3D com o editor 3D do Spline: https://youtu.be/TQe5Ae16rE8

O que vais aprender

  1. 0:00Primeiros passos
  2. 0:49Criar elipses e aplicar o evento Follow
  3. 2:41Ajustar os valores de amortecimento e os tamanhos
  4. 6:10Exportar e incorporar o design

Recursos relacionados