Каталог / heygen-com / gsap
gsap
heygen-com/hyperframes
93.8K
установок
#270
в рейтинге
Что делает
GSAP animation reference для HyperFrames compositions с timelines, easing, transforms и performance guidance.
- Создавай paused timelines синхронно и регистрируй их на window.__timelines по data-composition-id для управления HyperFrames (seek и control)
- Core методы: gsap.to(), gsap.from(), gsap.fromTo(), gsap.set() с поддержкой stagger, easing, callbacks и relative values
- Используй transform aliases (x, y, scale, rotation) и autoAlpha для оптимальной производительности; избегай анимаций layout properties
- Sequencing timelines через position parameter ("<", "+=0.5", labels) и nesting для сложной multi-element хореографии
- Включает gsap.quickTo() для high-frequency обновлений, gsap.matchMedia() для responsive и accessibility-aware анимаций, и только finite repeat counts
Установка
$ npx skills add heygen-com/hyperframes