Greensock — теперь и для JavaScript

в 10:59, , рубрики: flash, Flash-платформа, Greensock, javascript, анимация, библиотеки, Веб-разработка, метки: , , , ,

Greensock — теперь и для JavaScript

Удивительно, но факт: на хабре практически нет статей о Greensock — великолепной библиотеке для скриптовой анимации на Flash. Возможно, это связано с тем, что Flash-разработчиков тут меньше, чем веб-разработчиков?

Впрочем, теперь уже не важно: Greensock v12 (он же Greensock Animation Platform или GSAP) умеет анимировать на JavaScript. Любое свойство любого объекта можно проанимировать десятками способов, соединить анимации в таймлайн, поставить этот таймлайн на паузу или развернуть задом наперёд. Всего парой строчек.

Более того, Greensock работает значительно быстрее jQuery, YUI, MooTools или Dojo. Разработчики говорят о тысячах процентов, но зачем верить на слово, когда есть animation speed test.

Подробности на английском: www.greensock.com/v12/, а под катом — краткое изложение на русском языке.

Основные плюшки Greensock Animation Platform:
— отличная производительность (напоминаю — тест)
— широкий функционал (easing типа yo-yo с настраиваемыми кривыми — это ещё цветочки. У GSAP есть, например, физический 2D-движок. Или возможность трансформировать объект вокруг заданной точки. Которую тоже можно анимировать)
— совместимость от IE6 и выше
— независимость от других плагинов (и при этом отличная совместимость с jQuery в качестве селектора)
— практически единый синтаксис для JS, AS2 и AS3
— вес 7Kb (речь идёт о TweenLite, для маньяков есть и TweenNano, но пока только для Flash)
— работа с таймлайном — анимации соединяются в цепочки или составляются в любом другом порядке; закончившиеся анимации запускают друг друга или сторонние функции; таймлайны можно ускорять и замедлять, ставить на паузу, проигрывать в обратном направлении.
— анимировать можно фактически любое свойство любого объекта
— мощные настройки управления конфликтующими анимациями (например, одновременно запускаются «подвинуть влево» и «подвинуть вправо», а через секунду — опять «подвинуть влево, но с другой скоростью» — что должен делать движок?)
— полная документация с примерами и песочницей
— поддержка
— бесплатно (кроме использования в продуктах, предназначенных для многоразовой коммерческой продажи)

В общем, моя неделя началась с отличных новостей! :)

P.S. В качестве постскриптума: слышали ли вы о Greensock ранее? Стоит ли опубликовать пару примеров?

Автор: ssneg


* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js