В настоящее время технология Флеш (Flash) всё больше набирает популярность. Более половины интернет-сайтов частично или полностью сделаны на Флеше. Большинство браузерных онлайн-игр также созданы на Флеше. Анимированные и интерактивные Флеш-баннеры давно стали стандартным видом Интернет-рекламы. Ежегодно корпорация Адоб выпускает новые модификации своего популярного программного продукта — редактора Adobe Flash.
Так почему же Флеш становится всё более популярным?
Ответ на этот вопрос прост — Флеш красив, лёгок в освоении и, к текущему моменту, у него фактически нет конкурентов.
В основе технологии Флеш лежит отличная система работы с векторной графикой. Система для её создания и анимации. Для просмотра такой анимации на компьютере пользователя обязательно должен быть установлен плагин для воспроизведения формата Flash, а его нет, загрузка и установка происходят автоматически.
Изображение в компьютере может храниться двумя принципиально различными способами, называемыми растровой и векторной графикой. В отличие от растрового, векторное изображение описывается координатами точек, по которым проходят линии, разделяющие элементы изображения разного цвета или фактуры. В этом случае в файле хранится информация не о каждой точке изображения, а только о форме и цвете элементов, из которых оно составлено. Подобные изображения обычно занимают значительно меньший объем, и их намного легче редактировать. Любой элемент картинки может быть изменен отдельно от других. Изображение можно масштабировать, не боясь, что оно утратит четкость, оно более пластично, что позволяет качественно отображать его на устройствах с различным разрешением.
На самом деле Флеш позволяет использовать оба типа графики – и растровую, и векторную. Но векторную можно создавать и редактировать непосредственно внутри Флеш-редактор, а растровую придётся импортировать извне. При этом поддерживается возможность преобразования растровой графики в векторную путем автоматического определения контуров областей одинакового цвета — и наоборот (трассировка). Статичные и анимированные Флеш-изображения можно не только воспроизвести на веб-странице, но и использовать в качестве совершенно самостоятельных презентаций. Можно даже преобразовать ролик в формат исполняемой программы (.exe), и тогда для его воспроизведения не потребуется никаких дополнительных программных средств.
Редактор Adobe Flash, как и все программные продукты для работы с графикой от Adobe, имеет интуитивно понятный интерфейс принципиально сходный с интерфейсами других Adobe-графических редакторов. Так же редактор Флеш может открывать и работать с большинством типов форматов файлов других Adobe-графических редакторов.
О применяемой во Флеш-технологии анимации нужно сказать особо. Обычные компьютерные видеоролики состоят из набора растровых изображений, последовательно сменяющих друг друга с частотой несколько десятков кадров в секунду. Для хранения таких видеозаписей требуются огромные объемы памяти, а для передачи в реальном времени через Интернет нужны сверхскоростные каналы связи. Хотя существующие алгоритмы позволяют сжимать видеозапись в десятки и даже сотни раз, это все равно решает проблему лишь отчасти, поскольку хранить и передавать приходится каждый кадр фильма.
Благодаря векторной технологии Флеш позволяет радикально сократить объем данных, описывающих движущееся изображение. Создав в одном из кадров векторный рисунок, можно задать траекторию его дальнейшего движения и количество кадров, на протяжении которого эта траектория должна быть пройдена. В файле при этом хранятся только первоначальное изображение и уравнение траектории, а все промежуточные кадры просчитываются на основе этих данных в момент воспроизведения. Получается, что для хранения движущегося изображения требуется практически столько же места, сколько и для неподвижного.
Кроме простых перемещений, задаваемых траекториями, можно строить анимацию, используя повороты и трансформации изображения. В первом кадре сцены помещается неискаженное изображение объекта, а в последнем на этот же объект наложено то или иное преобразование, меняющее его форму. Во внутреннем представлении трансформация описывается набором числовых коэффициентов, и во время воспроизведения их значения будут постепенно меняться от первого кадра к последнему, вызывая плавное изменение формы объекта.
Каждая линейка кадров принадлежит конкретному слою. От того, на каком слое находится объект, зависит, будет ли он виден на первом плане или находится позади других объектов. Используя слои, можно без труда создать ощущение многоплановости сцены. Работа со слоями очень напоминает работу мультипликатора с листами целлулоида. Размещением различных элементов изображаемого объекта на разных слоях с их последующей анимацией достигается эффект движения. Слои могут быть не только носителями линейки кадров: направляющие слои служат для задания траекторий и параметров анимации, маскирующие слои позволяют задать маску, ограничивающую видимую часть изображения подчиненных слоев, слои кнопки описывают состояния чувствительных к щелчкам мыши областей. Многослойная модель позволяет довольно простыми способами получать очень красивые зрительные эффекты.
Еще одно средство, значительно упрощающее создание Флеш-роликов и сокращающее их размер, – библиотеки. В библиотеке проекта хранятся все используемые в фильме объекты, которые в терминологии Флеш называются символами (Symbols). В процессе работы над роликом на кадрах размещаются экземпляры символов. При этом информация об их форме и цвете не дублируется, а сохраняется лишь указание на библиотечный символ, его координаты в кадре и, возможно, параметры трансформации. Библиотечные объекты могут представлять собой не только векторные графические рисунки, но также импортированные растровые изображения, аудиофрагменты в форматах WAV или MP3, самостоятельные Флеш-ролики, кнопки или интеллектуальные Smart-клипы. Одни библиотечные символы могут включаться в состав других, это позволяет просто и экономно создавать серии объектов, различающихся отдельным деталями. Фильм обычно содержит большое количество экземпляров одного и того же символа. Но поскольку его описание хранится только однократно, любое изменение, внесенное в образец символа, отражается на всех его экземплярах, хотя и не влияет на их расположение или трансформацию.
Импорт готовой графики в самых разнообразных форматах позволяет использовать для подготовки Флеш-проектов всю гамму имеющегося у вас программного обеспечения. В самой программе Флеш предусмотрена возможность простого редактирования звука и сохранения его в составе проекта в необходимом формате. Музыкальные фрагменты синхронизируются с анимацией и допускают использование потоковой загрузки, что позволяет просматривать фильм по мере его скачивания, не ожидая окончания загрузки.
В редактор Флеш включено такое мощное средство, как язык сценариев ActionScript. Если веб-дизайнер знаком с JavaScript, то он будет приятно удивлен схожестью этих языков, хотя, конечно, есть и существенные различия.
Даже те, кто до этого не программировал, смогут быстро освоиться с написанием необходимых сценариев. Если вам достаточно стандартного набора действий, таких, например, как переход на определенный кадр фильма, открытие HTML- страницы, загрузка и передача данных, реакция на нажатие кнопок, то достаточно открыть группу основных действий – Basic Actions, выбрать необходимую команду и ввести в поля требуемые значения, причем в большинстве случаев их можно выбрать из предложенного набора.
По мере изучения ActionScript вы будете использовать весь диапазон его возможностей, а он действительно очень широк. Помимо основных действий можно управлять объектами, изменяя любые их параметры, загружать дополнительные модули, обмениваться данными со скриптами на HTML-странице, написанными на языке JavaScript. Целая подборка специальных функций служит для математических вычислений, необходимость в которых нередко возникает при работе с графикой. Встроенный контроль синтаксиса и удобные средства отладки помогут найти ошибки в сценарии. В целом ActionScript является полнофункциональным языком, позволяющим писать программы, организованные по модульному принципу, в то же время он очень прост в изучении, и чтобы начать им пользоваться, не требуется специальных знаний.
Применение Флеш не ограничивается Интернетом. Все чаще его используют для создания презентаций на выставках или конференциях, особенно когда требуется не просто мультипликация, а возможность управления развитием сюжета. На телевидении часто мелькает Флеш-реклама. Даже опостылевший всем вирус «Вин-лок» и тот сделан на Флеше.
