Иммерсивный скролл-теллинг «NEO-GENESIS»
О проекте
Концептуальный веб-проект в эстетике Glitch Art, демонстрирующий возможности библиотеки GSAP. Основа UX — переосмысление скролла: вместо обычной прокрутки пользователь управляет временной шкалой анимаций (Scrollytelling). Реализованы сложные сценарии закрепления экрана (Pinning): «туннельный» 3D-полет сквозь контент, горизонтальная галерея с привязкой к вертикальной прокрутке и Deep Zoom эффекты. Визуальный стиль дополнен процедурной анимацией «Матрицы» на Canvas, кастомным курсором-прицелом и постобработкой в стиле старых CRT-мониторов.
🎯 Задача (Challenge)
Синхронизация физического скролла с длительностью анимаций. Главной задачей было предотвратить «проскакивание» контента, когда пользователь скроллит слишком быстро. Решение реализовано через жесткий Pinning (фиксацию Viewport) в GSAP ScrollTrigger, который удерживает пользователя в секции до полного завершения визуального сценария (полета сквозь данные или горизонтального сдвига).