Анимация в javascript, отправная точка
Я понимаю, как работает JS, и думаю, что понимаю большую часть DOM, но я понятия не имею об анимации. Знает ли кто-нибудь хорошее руководство, которое объяснит мне, как это делается в Javascript?
Кроме того, стоит ли мне вообще рассматривать Javascript для анимации? Стоит ли мне вместо этого изучать flash?
Избегайте flash, это ужасное требование, неполноценное для Google, не поддерживаемое кучей браузеров и систем (например, iPhone), и самое главное: оно заставляет вас изобретать веб-стандарты (например, полосы прокрутки и прочее), Javascript, с другой стороны, легче поддерживать и кодировать в случае с noscript.
Попробуйте scriptaculous для анимации;
- вот быстрый трехстрочный учебник, чтобы вы можете увидеть, как это работает
- здесь'более полное руководство
- вот вики scriptaculous
Обратите внимание, что существует гигантское количество библиотек JS-анимации, некоторые действительно хороши jQuery. Обычно они состоят из тега скрипта и события onclick для настройки.
Удачи!
/mp
если ваша анимация проста, меняйте цвета с течением времени, переходите от x к y за 3 секунды. Javascript подойдет. Если вам нужны всевозможные кнопки и скоординированное вращение экрана, то прямой js + dhtml будет в лучшем случае неуклюжим. Silverlight vs Flash - вот ваш вопрос на этом этапе. Интересно, что вы программируете Silverlight с помощью javascript, и это было бы главным преимуществом простого перехода на более быстрый и динамичный DOM, который реализован в Silverlight, но при этом писать тот же код. По моему опыту, программируемость Flash очень ограничена, вы можете сделать что угодно, но это будет медленно и займет тысячи строк кода. Для простой JS-анимации посмотрите на jQuery или Scriptaculous.
Посмотрите на фреймворк для JS-анимации, например, Animator.js Бернарда Самптиса. Он довольно легкий и имеет несколько отличных примеров.
Лично я бы не стал анимировать вещи на JS. Flash FTW.
Если вы еще'т волнует поддержка IE, также можно попробовать поэкспериментировать с помощью элемента canvas:
Сеть разработчика Mozilla простую анимацию
