Как делать такие сложные анимации?

Question

[Windramix]

https://prismatica.ru/

Привет, подскажите как называются такие сложные анимации переходов через скролл как на этом сайте? Может быть есть какие-то готовые решения? Я просто даже не понимаю как загуглить такое =)

Comments

[Mikhail Osher]

Оффтоп: это отвратительный UX. У меня этот сайт подлагивает и на макбуке м1, и на пк 5600х/3080.

[Виктор Майоров]

Mikhail Osher, еще бы он не лагал) 700мб жрет оперативки при первом запуске) скрин с макбука м1

Answer 1

[Виктор Майоров]

у тильды самописные анимации, на сколько я знаю.
но можно посмотреть в сторону gsap. очень мощная библиотека для анимаций. умеет с webgl работать и т.д.
у меня в профиле есть заготовка сайта портфолио моего. делал я его года 3 назад и там использую gsap + webgl.

именно для скролл анимаций у gsap есть плагин ScrollTrigger. документация у них в принципе очень подробно расписана, можно за один вечер базу освоить

Answer 2

[Kentavr16]

Два основных варианта - animation-timeline или скрипты. Из минусов анимейшн-таймлайн - относительно слабая поддержка браузерами. Когда я смотрел последний раз было около 65 процентов. Мозила не поддерживает принципиально. Скрипты - это множество библиотек, вот пара примеров. Можно еще руками написать, если знания позволяют.

Answer 3

[its2easyy]

готовое решение для скрола - ScrollTrigger, а эффекты к скролу можно любые привязывать