Каталог / heygen-com / gsap
gsap
heygen-com/hyperframes
84.5K
установок
#265
в рейтинге
Что делает
GSAP анимационная справка для HyperFrames композиций с временными шкалами, easing, transforms и рекомендациями производительности.
- Создавай paused временные шкалы синхронно и регистрируй их на window.__timelines с ключами по data-composition-id, чтобы HyperFrames управлял seeking и воспроизведением
- Основные методы: gsap.to(), gsap.from(), gsap.fromTo(), gsap.set() с поддержкой stagger, easing, коллбэков и относительных значений
- Используй transform алиасы (x, y, scale, rotation) и autoAlpha для оптимальной производительности; избегай анимации свойств layout
- Последовательность временной шкалы через position параметр ("<", "+=0.5", метки) и nesting для сложной мультиэлементной хореографии
- Включает gsap.quickTo() для высокочастотных обновлений, gsap.matchMedia() для responsive и accessibility-aware анимаций и только конечные repeat counts
Установка
$ npx skills add heygen-com/hyperframes