- PVSM.RU - https://www.pvsm.ru -

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

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

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

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

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

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

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

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

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

Автор: ssneg


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/7930

Ссылки в тексте:

[1] Greensock v12: http://www.greensock.com/v12/

[2] animation speed test: http://www.greensock.com/js/speed.html