В чем такое делают?

Question

[Денис Гончаренко]

В чем делают такие анимации? Не может же быть, что в ручную прописывают каждую линию, например, при помощи snap js?
brightmedia.pl

Comments

[alvvi]

По коду увидел EasleJS и GSAP , а также много мелких библиотек для детекта скролла и прочего, и да тут многое написано именно вручную на Canvas'e.

[Anton Filippov]

А почему бы и не прописать такое ручками ?

[Samarkand]

Бред.

[Ильяс Якубов]

У меня на iPhone элементы управления браузера при скролле не скрываются на этом сайте. Не хорошо это как-то.

Answer 1

[Максим Тимофеев]

По большей части ручками с помощью js, svg, canvas.
Но есть ПО и js библиотеки, которые упрощают процесс.
Так например для svg есть редактор inkscape.paint-net.ru
Есть библиотеки:
https://d3js.org
www.hongkiat.com/blog/javascript-libraries-animate-svg
и др.

Конкретно в Вашем примере используют Greensock TweenMax и кучу плагинов к нему. Есть статья на хабре по теме:
Greensock: анимация на JavaScript

Answer 2

[Полина Емельянова]

Обратите внимание вот на этот пен
codepen.io/nolakat/pen/mWNvdb

в установках js есть несколько интересных штук)

Comments

[Антон Мудренок]

Не, там дело не в морфе.
Вот основной: https://greensock.com/drawSVG