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

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

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

13.08.2008 16:26:10
4 ОТВЕТА
РЕШЕНИЕ

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

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

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

Удачи!

/ тр

4
13.08.2008 16:36:44

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

2
13.08.2008 16:32:37
На самом деле, Flash не всегда медленный и не всегда занимает столько кода.
Moshe 4.04.2010 21:46:44
Я действительно говорю о времени загрузки и производительности при ее производстве. Конечно, флеш-ролики не медленны как показатель производительности, но создать чистый код SWF определенно сложнее, чем просто написать код jquery, который делает кнопку красивой.
DevelopingChris 6.04.2010 19:43:33

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

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

1
13.08.2008 16:36:38

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

MOZILLA DEVELOPER NETWORK Основные анимации

0
27.01.2013 14:19:30