Как мне начать программировать анимацию, которую я планирую интегрировать в веб-сайт?

Question

Я хочу создать анимацию / визуализацию для веб-сайта, который я делаю, но я не знаю, с чего начать. Я планирую использовать карту в качестве фона и анимацию поверх нее для имитации изменений во времени после нажатия кнопки запуска.

Дело в том, что я хочу, чтобы эта анимация была динамичной (иначе она зависит от данных с веб-сайта, поэтому, если пользователи отправляют больше записей, анимация обновляется, чтобы отразить их).

Как же я могу начать с чего-то подобного? Какой язык я должен использовать для его программирования? У меня есть только небольшой опыт работы с веб-программированием ... поиск этой проблемы мне не сильно помог, хотя кажется, что GWT и Actionscript - это варианты ...? Достаточно ли само по себе javascript или существуют уже существующие библиотеки, которые облегчили бы эту задачу?

Спасибо за вашу помощь!

Answer 1

Было бы полезно узнать, что это за анимация, какой уровень интерактивности она должна обеспечивать как для пользователя, так и для содержимого страницы. Я предполагаю, что это выходит за рамки некоторого сокращения, перемещения, скрытия элементов веб-страницы и тому подобного RIA.

Я надеюсь, что мой ответ поможет вам начать работу по этому вопросу.

Как правило, для анимации веб-сайта или расширенного динамического / интерактивного контента, я думаю, вам следует сравнить следующие возможности:

JavaScript

Я думаю, что JavaScript был бы очень хорошим, естественным и самодостаточным выбором для этой задачи. Он обладает всеми возможностями, чтобы заставить вещи двигаться и взаимодействовать с пользователем, а также может взаимодействовать с чем угодно на странице, включая данные, события, такие как отправка данных, а также может обновлять данные на странице в фоновом режиме, используя Ajax, без например, прерывание анимации.

Если говорить конкретно об анимации, то существует огромное количество библиотек, но у меня нет опыта ни с одной из них. Например, вы можете проверить gameQuery (плагин jQuery), $ fx , jsAnim или множество других игровых движков или сред 2D-анимации, таких как на GitHub , хотя многие из них уже используют функции HTML 5.

JavaScript с HTML 5

Другим хорошим выбором будет использование JavaScript вместе с некоторыми приятными функциями, которые HTML 5 привнес в таблицу.

Я предлагаю вам взглянуть на Impact фреймворк и некоторые игры для веб-браузеров на его основе, что является хорошей демонстрацией того, на что способен HTML 5. Опять же, есть много альтернатив, например, из приведенного выше списка GitHub.

Если вам нравится HTML 5, я также предлагаю вам прочитать одну или две статьи о плюсах и минусах HTML 5, таких как обратная совместимость со старыми браузерами. Если ни одна из этих проблем не будет иметь для вас значения, то HTML 5 может быть очень жизнеспособным выбором.

Другие "динамические вещи" технологии для Интернета

Это могут быть:

• Flash (ActionScript, который вы упоминаете, является языком программирования Flash)
• Silverlight , который является технологией .NET
• Java-апплеты , которые запрограммированы на Java, не путайте это с JavaScript
• или, может быть, некоторые другие, о которых я не знаю

Каждая из этих технологий имеет свои недостатки, концепции, средства разработки и так далее. Все они требуют, чтобы определенные расширения / плагины были установлены в браузере клиента. Я предлагаю вам прочитать краткий обзор каждой из них или, возможно, несколько статей для сравнения, чтобы убедиться, что они соответствуют вашим потребностям.