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

Question

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

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

Answer 1

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

пытаться сценарный для вашей анимации;

• Вот краткий учебник из 3 строк, чтобы вы могли видеть, что он работает
• вот более полный урок
• вот скриптовая вики

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

Удачи!

/мп

Answer 2

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

Answer 3

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

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

Answer 4

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

СЕТЬ РАЗРАБОТЧИКОВ MOZILLA Базовые анимации