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

[alesto]

1)Нет
2)Однозначно стоит!

[vmuha]

Спасибо за статью.
По поводу примеров, думаю стоит добавить. Раньше не слышал. Попробуем ручками.

[SergeiStartsev]

Хотелось бы увидеть примеры использования для создания сложной анимации. А так выглядит весьма заманчиво.

[ssneg]

Что такое сложная анимация? Я как раз за простоту простых анимаций GS полюбил, но не прочь приобрести новые навыки :)

[SergeiStartsev]

Вы сами писали:

У GSAP есть, например, физический 2D-движок.
работа с таймлайном — анимации соединяются в цепочки или составляются в любом другом порядке
анимировать можно фактически любое свойство любого объекта

Увидеть что-нибудь из этого было бы весьма кстати. Видел у них на сайте showcase (справа), многие примеры использования очень интересны.

[MrSLonoed]

Очень хотелось бы пару примеров кода. А то заинтриговали таймлайном.

[Dreddik]

Например ссылка

[vmuha]

Примеры представленные на их офф. сайте забавные.
Отталкивает один нюанс — отсутствие документации в исходном коде.
Еще, на первый взгляд, кажется что библиотека просто была сгенерена из существующего AS кода.

[ssneg]

Сомневаюсь, что всё так просто, но конечно ноги растут из AS — всё-таки, первые 11 версий были именно на AS.

[FirsofMaxim]

Отличная либа, пользуюзь ежедневно.

[ssneg]

В клуб вступили? ;)

[FirsofMaxim]

Неа ))). В клубе специфичные плагины нужные раз в 2 года.

[DaFive]

Использую во флеш-проектах. Надо взять на заметку для JS.

[monolithed]

Как мне кажется, не уместно сравнивать библиотеки для работы с DOM (преимущественно) и Tween.
Сравните хотя бы с libcanvas что ли…

[TheShock]

на сколько я понимаю идею библиотеки, то она предоставляет свою версию jQuery().animate. В последнем AtomJS оно реализуется при помощи new atom.Animatable(this), LibCanvas же использует atom.Animatable.

Но да, было бы интересно сравнить его скорость с atom.Animatable

[TheShock]

Кстати, на локалхосте проверил вариант с AtomJS и таким кодом:

tests.atom = {
	milliseconds:true,

	wrapDot:function(dot) {
		return atom.dom(dot);
	},

	tween:function(dot) {
		dot.get(0).style.cssText = startingCSS
		
		(function () {
			var angle = Math.random() * Math.PI * 2;
			dot.animate({
				fn   : 'cubic-in',
				time : duration,
				props: {
					left  : Math.cos(angle) * radius + centerX, 
					top   : Math.sin(angle) * radius + centerY,
					width : 32,
					height: 32
				},
				onComplete: function() { tests.atom.tween(dot) }
			});
		}.delay(Math.random() * duration));
	},

	stop:function(dot) {
		dot.stopAnimation(true);
	}
};

Конечно, скорость не как у специализированного TweenLite, но всё равно значительно лучше основных конкурентов и очень достойно)

[pxx]

В тесте наблюдается какая-то странная корелляция между dots/FPS. Разница при 300 и 500 точках в 2.5-3 раза.

[TheShock]

Видимо потому что сложность растёт не линейно.

[pro169]

набросал небольшой слайдер с использованием TweenLite и jQuery, TweenLite значительно плавнее и приятнее, даже не знаю как после этого анимировать что-то на jQuery

… может написать некий адаптер которые перекроет стандартные функции анимации jQuery на TweenLite )

[Azy]

можно демку?

[ssneg]

habrahabr.ru/post/144466/

[ssneg]

Я понимаю, что год прошел, и обе библиотеки успешно развивались, но вот случай из практики. Буквально только что в живом проекте с разными анимациями (то страничку прокрутить, то меню выезжает, то абзацы сворачиваются и т.п.) решили обойтись без GSAP, т.к. jquery.animate() показал примерно ту же плавность на глаз, а поддерживать одну библиотеку (jq уже есть в проекте по-любому) легче, чем две.

[bytecode_rus]

Моя любимая бибилиотека теперь и на JS. Спасибо за хорошую новость!