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

Question

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

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

Answer 1

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

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

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

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

Удачи!

/ * т.пл. 1027 *

Answer 2

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

Answer 3

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

Лично я не буду оживлять вещи в JS. Flash FTW.

Answer 4

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

Сеть разработчиков MOZILLA Основные анимации