Прочитай перед тем, как делать анимацию по скроллу

[aamonster]

Я думаю, я попробовал все неправильные способы

Т.е. вообще все? Неправилен ведь сам факт подключения такого эффекта. Правильно – не делать плохо пользователю.

[SharapaGorg]

Я согласен, такой сайт в принципе не должен содержать в себе подобных эффектов, но меня просто перед фактом поставили, что это нужно сделать. Ну а неправильные способы я пробовал не от большого желания, а от того, что сильно провтыкал..

[ionicman]

Эффект тормозит на Intel i7 с 32 гигами ОЗУ и GeForce RTX 2060 super - это просто космос!

Ну и, конечно, CSS is awesome (Firefox dev 121).

Вопрос - а стоило-ли все это делать вообще?

Мучить пользователя ожиданием загрузски и всеми этим спец-эффектами? Я еще понимаю - лэндинг, но для сайта?

[badangel]

На актуальной версии FF(132) все ок.

[SharapaGorg]

.

[mendler]

в мобильной версии после повторной загрузки (при выключенном кеше), не показывается инициализационное изображение

,

[fransua]

Неопробованные способы пришедшие в голову:

• рендеринг из воркера на канвас

• webgl

• отрендерить картинки одну поверх другой и менять прозрачность, попробовать разные blend-mode

• собрать gif

Не знаю, быстрее они или нет.
А что у gsap под капотом, как он делает этот image sequence on scroll?