Для быстрой веб-анимации, Javascript / jQuery или CSS3?

Question

Анимации jQuery, кажется, имеют лучшую поддержку браузера, но ключевые кадры CSS3 выглядят действительно быстрыми и плавными, но не очень хорошей поддержкой браузера.

Я бы хотел высказать мнение людей о jQuery или CSS3 с точки зрения:

Canvas Gaming: Я видел несколько игр на CSS3, которые довольно симпатичны.С другой стороны, когда мы играем с Canvas, мы уже используем Javascript, и для того, чтобы сделать что-то быстрое и грязное, мы могли бы также включить библиотеку jQuery Javacsript.

Или мы бы использовали оба для Canvas Gaming?Не уверен.

Веб-сайты: Для обычных веб-сайтов, предоставляющих контент, а не для игр: какой подход будет приемлемым для анимации на обычной веб-странице?

---

Iтакже слышать такие вещи, как: CSS3 Animations замедляет некоторые jQuery Animations и другие скрипты на странице ... хм.

Чтобы прояснить ситуацию, я бы просто кое-кому объяснил некоторые преимущества использования CSS3 Animations илиjQuery Анимация.Любое мнение было бы хорошо, спасибо!

Answer 1

Документация для разработчиков Mozilla поднимает некоторые интересные моменты, касающиеся анимации CSS3 :

Разрешение браузеру управлять последовательностью анимации позволяет браузеру оптимизировать производительность и эффективность, например, за счет сокращениячастота обновления анимаций, запускаемых во вкладках, которые в данный момент не видны.

WebKit также использует аппаратное ускорение композитинга , которое может оказывать гораздо большее влияние на производительность, чем что-либо другое.Javascript можно сделать в это время.(Я думаю, что это очень скоро изменится, так как будет добавлено больше функций для управления вычислениями) Это потому, что оно использует преимущества выделенного оборудования, если оно доступно для выполнения вычислений, вместо того, чтобы делать это с помощью переведенного языка, такого как Javascript.

Очевидно, что поставщики браузеров будут только усиливать свою поддержку во имя конкуренции, а также потому, что стандарт CSS3 приближается к завершению.

Единственное, что меня беспокоит, - это управляемость кода.Хотя это легко можно сделать с помощью приличного уровня перевода.В Javascript имеется несколько отличных анимационных движков, хотя я недавно не использовал и не исследовал один из них, чтобы дать точную оценку производительности.

Answer 2

Для части вашего вопроса Re: «Веб-сайты: для обычных веб-сайтов, предоставляющих контент», вы захотите взаимодействовать с сервером для некоторого этого контента.Это взаимодействие будет происходить через ajax и, основываясь на вашем вопросе, на основе jquery.Затем подумайте, что некоторые ваши анимации будут основаны на точных возвращаемых данных.

jQuery делает такой вид контентно-зависимой анимации таким простым.На «нормальном веб-сайте, предоставляющем контент», по логике вещей, анимация будет гораздо меньше, чем в игре, поэтому перебор производительности / ресурсов представляет собой меньшую проблему.