Отличные движки анимации для Javascript? - Javascript/Анимация

Question

Я пытаюсь реализовать анимацию на основе временной шкалы, где анимация будет иметь возможность быть:

• остановился
• возобновил
• быстро пересылаются
• замедлился
• с обратной связью
• ...

Есть ли какие-либо анимационные/tweening двигатели для Javascript, которые могут быть использованы для этой цели? Или это было бы очень рекомендуется?

---

Hwlp было бы здорово, тем более что это меня действительно интересует! =)

Answer 1

Я думаю, что все эти рамки будут сделать это для вас (реверс поддерживается не всеми из них я вижу):

• JQuery: http://api.jquery.com/animate/
• $ FX: http://fx.inetcat.com/manuals.php
• Scriptaculous: http://wiki.github.com/madrobby/scriptaculous/
• Yahoo! UI Library: http://developer.yahoo.com/yui/3/api/module_anim.html

Я предпочитаю jQuery.

Answer 2

Попробуйте использовать Yahoo UI:

http://developer.yahoo.com/yui/3/examples/

Посмотрите на раздел Animation.

Answer 3

Вы можете посмотреть на JQuery анимации в

http://www.visualjquery.com/

в поле поиска записи «живой» нажмите на пункт, и вы увидите некоторые примеры там.

Answer 4

Я не думаю, что вы ищете, вы должны написать это самостоятельно.

Также я думаю, что Adobe выходит с набором инструментов для анимации JS/HTML/CSS, вы можете проверить их презентацию в Google IO.

Answer 5

Я не знаю, если вы все еще заинтересованы, но я ищу то же, что и вы (поверьте мне, я ищу ЧАСЫ и часы), и я не знаю, действительно ли я нашел что я искал. Ближайшим является jsAnim (http://jsanim.com), и сейчас он работает нормально. Я сделал список того, что нашел в сети:

(Комментарии очень нелепые, и тестирование было сделано очень быстро. Пожалуйста, возьмите его с помощью пинцета.)

• jsAnim: Синтаксис очень легко сосредоточиться на анимации, а не на объект архитектуры (см YUI) (который отлично подходит ... для инженеров ...). Успокаивающие варианты не удивительные, но приятные. В целом, отлично работает.
• Scripty2 (бывший Script.aculo.us): Не проверен на предмет необходимости использования прототипа.
• moo.fx: Не проверен на предмет необходимости использования прототипа или mootools.
• YUI 2/3 Анимация: Работала нормально, но это инженерный код имеет высокую кривую обучения для случайной анимации переднего конца.
• $ fx(): Имеет очень-ультра-малую площадь (всего 3 КБ!). Был бы выбор, если бы только облегчение.
• Trident-js: Кажется, у вас очень сильная шкала времени и отлично смотрится на демоверсии, но это не сработало для меня вообще, и это тощая документация не очень помогает.
• Animator.js: Синтаксис меня испугал. Также мне показалось очень любительским.
• JSTweener/GX/xAnimation: Это не привлекло мое внимание даже немного. Мне показалось очень любительским.
• Глянцевый графический интерфейс для генерации кода jQuery: Установки не установлены на моей машине (неизвестная ошибка установщика).
• Raphael/Burst Engine/Processing.js/Pixastic/Cake-js: Они предназначены для холста/векторов. Другой вид (классный) материал.
• Spritely: Также для других вещей: анимация спрайтов.

Так победитель, на данный момент и для моих текущих требований анимации, является jsAnim. Я также хочу попробовать Scripty2 и moo.fx, так как они, кажется, существуют некоторое время (как с 2005 года, Scripty2 - это вторая версия Script.acoulo.us).

Мои 2центы. Надеюсь, это поможет кому-то. Теперь я хочу, чтобы мои последние 8 часов назад!

Answer 6

Я предлагаю BetweenJS кросс-браузерную портежем из BetweenAS3 для JavaScript, где все у запрошен реализован и готов к использованию http://github.com/sazaam/BetweenJS/

Answer 7

Для полного набора функций, проверить KUTE.js. Он включает в себя свойства преобразования, свойства модели коробки, атрибуты прокрутки, презентации, SVG-морфинг, розыгрыш SVG, коллекции твинов, паузу и тонну функций ослабления.