Анимация в javascript, отправная точка

Я понимаю, как работает JS, и думаю, что понимаю большую часть DOM, но я понятия не имею об анимации. Знает ли кто-нибудь хорошее руководство, которое объяснит мне, как это делается в Javascript?

Кроме того, стоит ли мне вообще рассматривать Javascript для анимации? Стоит ли мне вместо этого изучать flash?

Программирование
animation javascript
13-го августа 2008 в 4:26
42 просмотров
Решение

Избегайте flash, это ужасное требование, неполноценное для Google, не поддерживаемое кучей браузеров и систем (например, iPhone), и самое главное: оно заставляет вас изобретать веб-стандарты (например, полосы прокрутки и прочее), Javascript, с другой стороны, легче поддерживать и кодировать в случае с noscript.

Попробуйте scriptaculous для анимации;

Обратите внимание, что существует гигантское количество библиотек JS-анимации, некоторые действительно хороши jQuery. Обычно они состоят из тега скрипта и события onclick для настройки.

Удачи!

/mp

Комментарии (0)

если ваша анимация проста, меняйте цвета с течением времени, переходите от x к y за 3 секунды. Javascript подойдет. Если вам нужны всевозможные кнопки и скоординированное вращение экрана, то прямой js + dhtml будет в лучшем случае неуклюжим. Silverlight vs Flash - вот ваш вопрос на этом этапе. Интересно, что вы программируете Silverlight с помощью javascript, и это было бы главным преимуществом простого перехода на более быстрый и динамичный DOM, который реализован в Silverlight, но при этом писать тот же код. По моему опыту, программируемость Flash очень ограничена, вы можете сделать что угодно, но это будет медленно и займет тысячи строк кода. Для простой JS-анимации посмотрите на jQuery или Scriptaculous.

Комментарии (2)

Посмотрите на фреймворк для JS-анимации, например, Animator.js Бернарда Самптиса. Он довольно легкий и имеет несколько отличных примеров.

Лично я бы не стал анимировать вещи на JS. Flash FTW.

Комментарии (0)

Если вы еще'т волнует поддержка IE, также можно попробовать поэкспериментировать с помощью элемента canvas:

Сеть разработчика Mozilla простую анимацию

Комментарии (0)