С помощью чего можно реализовать такую анимацию?

Question

[Aljo]

Подскажите пожалуйста, что почитать и в какую сторону копать, чтобы реализовать подобное, как на сайте asus (блок Let's Do it)?

Смотрел в сторону ScrollMagic и Locomotive Scroll, но не уверен, что это оно и есть.

Answer 1

[its2easyy]

там scrollTrigger из gsap + набор картинок, которые переключаются по прогрессу скроллтриггера. ScrollMagic лучше не использовать, он много лет не обновляется.
Как раз для такой анимации сделал библиотеку animate-images, как раз со scrollTrigger используется.
А у асуса PIXI.AnimatedSprite используется.

Comments

[Aljo]

Круто, спасибо большое!

Answer 2

[Михаил Р.]

В примере используется GSAP + обычный видос.

Comments

[Aljo]

Я имел в виду этот блок (он находится ниже). Там происходит анимация текста и картинок при скролле и судя по исходному коду, это не видео. Или вы имеете в виду, что самый простой вариант реализации такого с помощью видео и gsap?

[Михаил Р.]

Aljo, это gsap, но я бы использовал locomotive-scroll