Web Animations API это плагин?

Question

[pegas]

С помощью Web Animations API можно делать анимации. Такие же как в jQ только на чистом JS. Объясните эта возможность появилась в ES6 или это нужно подключать плагином как дополнение к стандартному JS?

Comments

[Dima Polos]

https://developer.mozilla.org/ru/docs/Web/API/Web_...

Answer 1

[profesor08]

И зачем эта обертка над обычными CSS свойствами тогда, когда есть масса более удобных вещей нежели @keyframes, и в сто раз круче - webgl.

Comments

[Никита Кит]

кейфреймы не изменить динамически, а webgl требует отрисовки на canvas. Далеко не все реализуемые на странице анимации требуют канвы, к тому же она требует скилла - webgl мощная штука, но сложная и не всегда нужная. Web animations нужны чтоб не было нужды интегрировать в проект большие либы типа GreenSock, способные воссоздать динамически изменяемый таймлайн кейфрейма

[profesor08]

Никита Кит,

кейфреймы не изменить динамически

Их можно создавать и удалять, назначать элементам те или иные анимации, манипулировать ими и генерировать динамически. Было бы желание, js это умеет нативно. Но тем не менее, они остаются кейфреймами.

6kb gsap это много? В обмен получаем удобный инструмент и полную браузерную совместимость, вплоть до IE6. Более того, аниммировать можно что угодно, любой объект, а не обязательно какой-то dom объект. И на основе него делать какие-то другие вычисления.

[Никита Кит]

profesor08, тем не менее нативная технология всяко лучше 6 килобайт плагина. Да, мало, думал больше. Разработчики браузерных апи не сидят на месте и оттесняют то, что необходимо в первую очередь. jQuery уже пал жертвой native кода ;) нативных анимаций оч не хватает. Чтоб ещё со встроенными easing - вообще было бы замечательно.

[profesor08]

Никита Кит, еще один генератор кейфремов не может быть лучше полноценной библиотеки для аниммации всего. Вот если бы они сделали что-то вроде obj.animateTo({a: 1}) и кучу колбеков, благодаря которым можно производить различные вычисления. Но нет, они сделали огрызок. Может быть кому-то это и понравится, но это очень узкая ниша, и в подавляющем большинстве случаев, этого будет недостаточно.

Answer 2

[Никита Кит]

Web Animations API как таковой является нативной фичой браузеров, но поддержка пока оставляет желать лучшего и использовать в проде её не стоит.
Пока что можно обходиться сторонними плагинами и полифиллами на эту технологию. Как нативная альтернатива остаётся requestAnimationFrame (на котором и основываются сторонние плагины и полифиллы)

Comments

[Stalker_RED]

Все таки requestAnimationFrame штука намного более простоя, и не особо далеко ушедшая от setInterval(..., 17)