Недавно я искал альтернативную библиотеку анимации JavaScript, потому что для нескольких простых анимаций, которые я хотел, библиотека jQuery размером ~ 200 КБ — не лучший вариант.
Немного поискав, я нашел GSAP и реализовал его успешно (и более плавно), чем созданную ранее анимацию jQuery. Он весит около 80 КБ - так что все еще не идеально (но это с дополнительными плагинами, позволяющими использовать селекторы CSS, если вы анимируете SVG, вы, вероятно, можете опустить требуемый файл размером 60 КБ).
Мне интересно, есть ли другие отличные варианты.
Кто-нибудь знает об альтернативных библиотеках для анимации элементов с помощью JavaScript?
Лучшие варианты:
Не полагайтесь на jQuery!
Либо не полагается на ключевые кадры CSS3 , либо имеет запасной вариант, когда ключевые кадры CSS3 недоступны (для обратной совместимости).
Имеет минимальный размер файла и требует включения нескольких файлов или их отсутствия.
Не слишком сложно учиться! (либо хорошая документация, либо знакомый/простой синтаксис - я не хочу тратить дни на создание простой анимации)
Меня Флэш вообще не интересует.
Ваш вопрос невероятно обширен. Лучшая библиотека анимации для вашего проекта зависит от того, что вы делаете в этом конкретном проекте. Оптимальной библиотекой будет пользовательская, разработанная специально для проекта , но, конечно, это не ответ на ваш вопрос здесь.
На мой взгляд, на данный момент двумя лучшими общими библиотеками анимации JavaScript являются Velocity.js для большинства базовых анимаций, включая многие анимации пользовательского интерфейса, и GSAP (GreenSock Animation Platform) для более сложных. GSAP имеет множество дополнительных надстроек, которые вы можете добавить в зависимости от требований проекта. Оба имеют хорошую документацию и довольно просты в настройке.
Поскольку вы конкретно упомянули SVG, я обнаружил, что мне вообще не нужна библиотека анимации для анимаций, которые я с ней делал, анимация SVG и CSS3 хорошо поддерживаются. Но если вы по какой-то причине это сделаете, Snap.svg — один из лучших.
Однако анимация JavaScript — не всегда лучший способ оживить ваш проект. Я написал подробный ответ , в котором подробно рассказывается, когда и как использовать различные методы анимации, доступные нам в настоящее время, которые стоит прочитать.
Как вы сказали, этот вопрос относится сюда, потому что анимация относится к сфере графического дизайна. Точно так же анимация также должна принадлежать области CSS. Я настоятельно рекомендую Animate.CSS
Вот еще одна интересная структура, которая просто использует JS только для запуска анимации во время события, как вы упомянули. http://motorcortexjs.com/
Hi5 за то, что не интересуется Flash!
hsawires
пользователь9447
Зак Сосье
Зак Сосье
DA01
DA01
DA01