2.11 Анимация на Web-страницах

Для пользователей Интернета уже стали привычными появляющиеся почти на каждой Web-странице мультипликационные картинки. Анимация привлекает внимание гораздо сильнее, чем статические картинки, и, кроме того, на небольшой площади можно поместить значительно больше информации за счет чередующихся кадров.

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

В настоящее время существует несколько технологий создания анимации для WWW:

• анимационный GIF (animated GIF),

• Flash,

• Java,

• JavaScript.

Анимационный GIF

Из этих технологий он является самым простым в создании, и практически любой современный браузер может его показать. Формат GIF позволяет размещать в одном файле несколько кадров или фреймов (frames) с изображениями для их последовательного вывода на экран.

В отличие от обычного фильма, где длительность анимации определяется скоростью воспроизведения, для каждого кадра GIF-анимации может быть задана длительность его показа на экране. Для всей же анимации может быть указано количество повторений. Кроме того, в отличие от обычного фильма, изображения, содержащиеся в кадрах GIF-анимации, не обязательно должны быть одного размера. Для изображения каждого кадра или слоя анимации вы можете установить индивидуальный размер и расположить его по своему усмотрению, независимо от других слоев. Анимационные GIF-файлы могут быть легко подготовлены в программе Adobe ImageReady. Увидеть анимацию такого типа можно, например, на сайте по адресу http://ani.newmail.ru/gallery.

Готовые бесплатные анимационные картинки для использования на своих Web-страницах можно найти по адресам:

www.webman.ru/animation/main.htm

http://shpak.narod.ru/collection1.htm

http://www.animation-central.com

http://www.animationlibrary.com

http://www.animationcity.net

Flash-технология

Эта технология, в отличие от GIF-анимации, даёт возможность объединить в одном формате анимацию, звук, текст, графику и элементы интерактивности. Элементы интерактивности дают возможность пользователю или посетителю сайта определенным образом изменять данные на Web-странице, превращая его из наблюдателя в активного участника.

Интерактивными элементами сайта могут быть:

• игры, например, карточные, рулетка, тир, крестики-нолики, «морской бой»,

• онлайновые обучающие программы,

• викторины,

• тесты,

• калькуляторы и т.п.

Примеры такой анимации можно увидеть на сайтах www.legus.ru/, www.flasher.ru/, www.avestadesign.ru/. Подобная анимация создается с помощью программы Macromedia Flash. К сожалению, для просмотра Flash-анимации вам, скорее всего, придется установить дополнительный подключаемый модуль (Plug-in) для вашего браузера. Именно по этой причине не имеет смысла создавать такие сайты, предназначенные для широкого круга лиц. Многие пользователи просто не смогут увидеть Flash-анимацию, а установить дополнительный подключаемый модуль не захотят или просто не смогут.

Языки Java и JavaScript

Они могут быть использованы для создания анимации. Эти языки позволяют разрабатывать программы, встроенные в документы HTML. Эти программы называются апплетами и выполняются браузерами на компьютерах пользователей. Возможности Java и JavaScript значительно шире, чем подготовка анимационных картинок. Он позволяет создавать масштабные Интернет-приложения. Примеры Java-апплетов можно увидеть на сайтах http:// reality.sgi.com/, www.bulletproof.com/. Создание анимации с помощью Java и JavaScript, также нельзя назвать подходящим для серьезных сайтов, так как пользователи очень часто отключают поддержку Java и JavaScript в своих браузерах по соображениям безопасности. С помощью программ на указанных языках, можно скопировать или испортить файлы на вашем компьютере.

Учитывая все вышесказанное, можно сказать, что самый простой, надежный и эффективный способ разместить анимацию на своих Web-страницах – это использование формата GIF.