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