Animaciones de movimiento del ratón usando interacciones con GSAP

Los diseñadores que buscaban que la animación de un elemento respondiera continuamente a la posición del cursor —como elementos que siguen al puntero, botones magnéticos, efectos de paralaje o focos de luz— antes no tenían una forma nativa de crearlos.

Tres nuevas primitivas de IX3, construidas internamente sobre Observer y quickSetter de GSAP, resuelven este problema:

• Disparador de movimiento del ratón: rastrea la posición del puntero en relación con el elemento disparador por defecto, o con toda la ventana gráfica si lo prefieres, y la normaliza en un valor de progreso X e Y entre 0 y 1 que controla las líneas de tiempo de interacción de forma continua. Incluye suavizado configurable (50ms por defecto) y una posición de reposo definida (centro, o 50/50) para cuando el cursor sale.
• Acción de seguimiento del ratón: permite que otros elementos, no solo el disparador, sigan al cursor. Admite suavizado de seguimiento en cadena y escalonado por elemento con un orden determinado, lo que permite crear efectos magnéticos y de paralaje en varios elementos.
• Acciones por intervalos: activan grupos de acciones según la distancia o la velocidad del movimiento del cursor, permitiendo que la interacción reaccione a qué tan rápido o lejos se ha desplazado, no solo a dónde está en ese momento.