Avanzado · gsap.quickTo

Seguir el puntero con quickTo

quickTo() construye un tween reutilizable por propiedad, así que un handler de pointermove puede alimentarlo con coordenadas cientos de veces por segundo sin generar basura. El handler va envuelto en contextSafe, y el tween corre en el ticker de GSAP, fuera de change detection.

gsap.quickToviewChildcontextSafe

mueve el puntero por este escenario

<div
  #stage
  class="stage"
  (pointermove)="onMove($event)"
>
  <span #chaser class="chaser"></span>
</div>

Cómo funciona

gsap.to() dentro de un handler de pointermove crearía un tween nuevo en cada evento. quickTo() construye el tween una vez; el handler solo le pasa coordenadas.
El perseguidor y el escenario vienen de queries viewChild. target() los desenvuelve para GSAP.
Los tweens de quickTo viven en el contexto como todo lo demás, así que se limpian al salir de la página.