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

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

5 голосов
/ 19 июля 2010

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

  • приостановлено
  • возобновлено
  • Быстрая пересылка
  • Замедление
  • Перевернуто
  • ...

Существуют ли какие-либо механизмы анимации / анимации движения для Javascript, которые можно использовать длятакая цель?Или это было бы очень рекомендовано?

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

Ответы [ 7 ]

4 голосов
/ 05 ноября 2010

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

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

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

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

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

2 голосов
/ 19 июля 2010

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

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

1 голос
/ 19 июля 2010

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

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

1 голос
/ 19 июля 2010

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

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

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

0 голосов
/ 11 марта 2016

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

0 голосов
/ 26 июня 2015

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

0 голосов
/ 19 июля 2010

Вы можете взглянуть на jQuery animate по адресу

http://www.visualjquery.com/

, в поле поиска напишите «animate», щелкните элемент, и вы увидите там несколько примеров.

...