Что лучше для svg-анимаций snap.svg или velocity.js,?

Question

[Николай Антонов]

Какая библиотека лучше? Может кто то работал с двумя, какие недостатки\приемущества заметили?

Answer 1

[Nikolay Talanov]

Velocity это по сути дела лайтовая надстройка над jQuery. В плане фич/производительности она с лихвой проигрывает Snap/GSAP. Лучше всего юзать GSAP, ибо эта либа подходит для анимации вообще всего, а не только svg.

Comments

[Николай Антонов]

Плохо что GSAP платная для коммерческого использования.

Answer 2

[GreatRash]

TweenMax лучше обоих.

Comments

[Николай Антонов]

Чем лучше?

[GreatRash]

Николай Антонов: Например TweenMax позволяет анимировать любые параметры у любого объекта. Т.е. не обязательно это должна быть DOM-нода. Если нужна поддержка старых Андроидов, то TweenMax в этом плане незаменим, т.к., к примеру, даже в Android 4.3 не работают CSS-трансформации для SVG-элементов. Приходится анимировать атрибуты тега.

[Николай Антонов]

GreatRash: TweenMax то же самое что и GSAP?

[GreatRash]

Николай Антонов: Это один из инструментов. Просто в GSAP (GreenSock Animation Platform) входит три продукта:

TweenLite - облегченная версия аниматора
TweenMax - аниматор со всеми возможными плюшками
TimeLineLite - облегченный таймлайн-менеджер для TweenLite
TimeLineMax - таймлайн-менеджер со всеми плюшками

Если вам таймлайн-менеджер со всеми плюшками не нужен, то TweenMax - самое то. Ибо он включает в себя TimeLineLite (которого для большинства задач хватает с головой).

[Николай Антонов]

GreatRash: Спасибо!

Answer 3

[Александр Решетняк]

Многие почему то забывают упомянуть jssor.com хотя его история начинается с незапамятных времён)
..и в отличие от других имеет мега удобный конструктор монтажа анимаций, кто занимается видео монтажом в нём разобраться с пол пинка)