Crea una interacción Follow en 2D

Lección 6 de 15HanaPrincipiante8 min

Si es la primera vez que pruebas el diseño 2D interactivo, ¡este es un gran punto de partida! 😉 En este tutorial te guiamos paso a paso para crear fácilmente una interacción 2D que sigue a tu cursor (o al toque en dispositivos móviles) con Hana, un nuevo lienzo en tiempo real para diseñar y animar experiencias 2D interactivas.

Crearemos esta interacción divertida aplicando el evento Follow para conseguir una reacción en cadena suave y fluida. Es una forma fácil y divertida de añadir movimiento y personalidad a tu sitio web o proyecto.

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

Aprende a crear esto en 3D con el editor 3D de Spline: https://youtu.be/TQe5Ae16rE8

Lo que aprenderás

  1. 0:00Primeros pasos
  2. 0:49Crear elipses y aplicar el evento Follow
  3. 2:41Ajustar los valores de amortiguación y los tamaños
  4. 6:10Exportar e insertar el diseño

Recursos relacionados