Как реализовать такой слайдер на GSAP?

Question

[Александр Степанов]

Добрый день!

Пытаюсь сделать анимацию как на сайте cuberto.ru с помощью ScrollMagic и GSAP.
У меня есть вопросы:
1) Как мне реализовать прокрутку текста без задержки? То есть, чтобы всегда скроллился текст. Пример по ссылке выше.
2) Как мне реализовать плавную смену фотографии?

Что-то я вообще мало что понимаю в GSAP, хотя пытаюсь разобраться уже третий день.
Прошу помочь мне в реализации.

Доброго дня!

Comments

[Одиночка Айс]

Также мучаюсь, только мне еще пины до ума довести нужно...

Answer 1

[profesor08]

gsap это библиотека для анимации циферок. Не самая лучшая, не самая легкая, не самая бесплатная.

Лично меня заинтересовала https://animejs.com/

Что касается твоей задачи, не понятно в чем проблема? Тебе надо сверстать сначала все. Потом инициализируешь scrollmagic и добавляешь нужные блоки к сцене, указываешь когда и сколько их показывать. Если хочешь что-то делать с блоком, менять картинки например, то подписываешься на события от scrollmagic и делаешь что надо основываясь на значении прокрутки.