WWW.DISSERS.RU

БЕСПЛАТНАЯ ЭЛЕКТРОННАЯ БИБЛИОТЕКА

   Добро пожаловать!

Pages:     | 1 |   ...   | 8 | 9 || 11 |

«Этан Уотролл, Норберт Этан Уотролл, Норберт Гербер MX Москва • Санкт-Петербург • Нижний Новгород • Воронеж Ростов-на-Дону • Екатеринбург • Самара Киев • Харьков • Минск 2003 Краткое содержание Об ...»

-- [ Страница 10 ] --

Изначально в Lingo нет команды ускорения Flash-фильмов, но ее можно создать. Рассмотрите следующий сценарий:

on if then end if end Здесь номер текущего кадра Flash-фильма сохраняется в значении переменной swfFrame, затем с помощью команды производится переход на два кад ра вперед. Эти действия для каждого текущего кадра, если пере менная имеет значение true. Вы можете связать данный сценарий с кнопкой, после щелчка на которой фильм будет воспроизводиться в ускоренном режиме (в данном случае через два кадра).

Свойства frameCount и frame Свойство FrameCount возвращает общее количество кадров в фильме.

с помощью инструкции put в окне Message будет выведено общее количе | ство кадров Flash-фильма, которые содер жатся в спрайт-канале с номером 1. Если -- to Director - Flash-фильм имеет в спрайт-канале 19 кад ров, в окне Message будет выведена put - ная на рисунке справа информация.

Свойство frame возвращает номер текущего кадра в процессе воспроизведения фильма.

В сочетании со свойством FrameCount его мож но использовать, например, для перехода к новому кадру после окончания воспроизве дения Flash-фильма. Например:

on exitFrame if then go to the frame go to "done" 472 Глава 23. Совместная работа Flash и Director Комбинирование языков и Lingo Теперь, когда вам знакомы аспекты работы со и компо нентами ядра, мы можем перейти к изучению основ языка Lingo. Комбинируя Flash и Director, вы не только объединяете две про граммы, но и позволяете им взаимодействовать друг с другом. Используя такое взаимодействие, можно создавать приложения с огромными интерактивными возможностями.

Lingo является гибким языком программирования, при помощи ко торого можно управлять элементами Flash, входящими в Direc tor-фильм. В этом разделе основные команды Lingo для работы с Flash-фильмами. За более детальной информацией обращайтесь к файлам справки Lingo (Help Lingo Dictionary).

Управление воспроизведением при помощи Lingo Довольно часто ядра используются как элементы главного фильма. В среде Director с помощью Lingo можно управлять вложен ными Flash-фильмами точно так же, как во Flash с ActionScript можно управлять клипами, являющимися независимой анимацией. Кроме того, владея основами Lingo, вы сможете создавать сценарии для различных элементов управления. Ниже приводятся некоторые основные команды этого языка, которые позволят вам управлять воспроизведением Flash-фильма.

Команда play Для того чтобы начать воспроизведение Flash-фильма, воспользуйтесь командой О. Например:

on sprite(l).play() end Этот сценарий, связанный с какой-либо кнопкой, будет воспроизводить спрайт sprite(l) после щелчка на указанной кнопке.

СОВЕТ Если вы не хотите, чтобы Flash-фильм начал воспроизводиться сразу на области дейст вия, активизируйте флажок Paused панели Property Inspector либо воспользуйтесь свой ством Команда stop О используется для остановки Flash-компонента ядра в его текущей позиции. Например:

on mouseUp sprite(l) end Работа с Flash в среде Director Местоположение. Если для Flash-фильма активизирован флажок Direct to Stage, то этот фильм всегда помещается поверх всех остальных Ис пользуйте этот флажок для наиболее важных фильмов, которые должны вос производиться с наивысшим приоритетом. Для всех остальных фильмов этот флажок лучше отключить.

Эффекты Ink. Эффекты Ink являются установками, которые применяются к для изменения их внешнего вида на области действия. Значения Blend и эффекты Ink можно установить в области Sprite панели Score (рис. 23.2). Доступ к эффектам Ink вы получите, нажав клавишу и щелкнув на спрайте. После этого появится раскрывающееся меню, где можно выбрать один из указанных элементов:

> Сору. При выборе этой команды Flash-фильм будет пик сел за пикселом, отображаться так, как он был создан. Это по умолчанию.

> Background Transparent. С помощью этой команды можно сделать цвет спрайта (прозрачным). При этом вы сможете увидеть со держимое, находящееся ниже элементов спрайта.

> Transparent. Данная команда позволяет применять размывку цветов. Этот эффект лучше использовать с темным и светлым оттенками цвета.

Blend. Назначение этого поля аналогично назначению свойства _alpha в языке В поле указывается прозрачность для каждого спрайта.

Рис. 23.2. Область Sprite Toolbar панели Score Для большинства Flash-фильмов рекомендуем применять Сору, по скольку при этом вы сэкономите ресурсы памяти.

Звук. И во Flash-фильме и в Director-фильме использование звуковых пото ков является очень сложной процедурой, поскольку оба приложения разделя ют звуковые каналы. Если вы работаете в Windows, то можете воспользовать ся глобальным свойством Когда значение этого свойства равно Director смешивает свои звуковые каналы, содержащиеся на Score, со звуковыми каналами Flash-компонента ядра. При задании значения false звуки Flash и Director проигрываются отдельно.

СОВЕТ Смешивание звука Flash-фильма со звуком Director-фильма может привести к нежела тельным результатам. Поэтому рекомендуем производить обязательную проверку, чтобы быть уверенными в возможности управлять всеми звуковыми элементами с по мощью среды Director и языка Lingo.

470 Глава 23. Совместная работа Flash и Director Использование Flash-фильмов в качестве спрайтов Для того чтобы Flash-компонент ядра стал элементом Director-фильма, нужно поместить этот компонент па панель Stage (путем перетаскивания или с помощью Lingo). Пока это сделано, компонент ядра не принимает никакого участия в фильме. После помещения компонента ядра на область действия он становится спрайтом и автоматически получает номер, соответствующий следующему бодному спрайт-каналу панели Score. Например, если па области действия есть шесть и вы перетащили еще один компонент ядра, то он становится спрайтом, имеющим номер 7 Этот номер очень важен, поскольку идентифицирует Flash-фильм, и при обращении к фильму достаточно указать его Например, инструкцию вы де лаете спрайт, имеющий номер 7, Кроме того, спрайт можно непосредственно, перетащив компонент ядра на панель Score, что позволит помес тить спрайт в нужный вам спрайт-канал. После этого точка регистрации Flash фильма будет автоматически центрирована в области действия.

Со спрайтом можно производить следующие действия.

Воспроизведение. Количество кадров Flash-фильма не превышать количество кадров Director-фильма, лишние кадры просто не будут воспро изводиться. Например, если Flash-фильм содержит 100 кадров, а Direc tor-фильм 50, то воспроизводиться будут только 50 кадров Flash-фильма. Для полного воспроизведения Flash-фильм нужно привязать к кадру Director фильма с помощью следующего кода:

до to the frame end При воспроизведении в Director-фильме кадра, с которым связан данный сце нарий, Flash-фильм будет воспроизводиться полностью. Если в дополнение к этому активизировать в окне Flash Asset Properties флажок Loop, можно полу чить циклическое воспроизведение Flash-фильма в Director-фильме. Подроб нее об этом рассказано в разделе «Управление воспроизведением при помо щи языка Lingo».

Векторный формат. Векторную графику удобно использовать, когда во Flash-фильме необходимо изменить размеры графического изображения или текста без искажения и потери качества. В среде Director с помощью Lingo это можно делать динамически, основываясь на интерактивном взаимодейст вии зрителей и фильма.

Манипуляция спрайтами. Вы можете размещать Flash-фильм на области дей ствия как спрайт. Более об этом рассказывается в следующем раз деле.

Работа с Flash в среде Director Rate Используя этот список, можно изменить скорость воспроизведения (частоту кадров) Flash-фильма. Во Flash вы не можете выполнить аналогичные из менения, поэтому есть смысл комбинировать Flash и Director. Список Rate со держит три элемента:

установка Normal сохраняет частоту кадров исходного SWF файла;

с помощью элемента Lock-Step кадр за кадром устанавливается одинаковая частота смены кадров Director-фильма и Flash-фильма. Если выбрать этот элемент и установить для Director-фильма частоту смены кадров, 30 fps, то и Flash-фильм будет иметь такую же частоту;

при выборе элемента Fixed активизируется поле fps (количество кадров в се кунду), позволяющее установить значение частоты смены кадров для Flash-фильма. Но скорость Flash-фильма может быть больше, чем частота смены кадров установленная в Director-фильме.

Помимо окна Flash Asset Properties в среде Director 1 | есть еще несколько средств изменения параметров Flash-компонента ядра. Одним из них является па нель Property Inspector, очень похожая на панель Pro perties среды Flash. На этой панели можно получить доступ ко многим настойкам, которые определяют уникальные параметры для каждого элемента или компонента ядра вашего фильма: масштабирование, изменение цвета, имя спрайта и др.

Чтобы отобразить панель Property Inspector с установ ленными для Flash-компонента ядра, выберите на панели Internal Cast и щелк ните на кнопке Property Inspector (с изображением бу квы i) панели инструментов. Эта кнопка присутствует и в некоторых других элементах интерфейса среды Director и служит для вызова панели Property Ins pector. Данная панель используется для воспроизведения, а также задания значений следую щих параметров Flash-фильма:

имени ядра и пути к режима масштабирования;

качества;

частоты смены кадров.

После щелчка на кнопке More Options откроется окно Flash Asset Properties, в кото ром можно установить дополнительные параметры, на панели Pro perty Inspector.

468 Глава 23. Совместная работа Flash и Director с помощью флажка Sound осуществляется управление звуком Flash-фильма.

Если флажок активизирован, звук фильма включен;

если нет, звук выключен;

флажок Paused управляет воспроизведением фильма при первой загрузке на панели Score. При установленном флажке фильма остано вится на первом кадре. Для продолжения воспроизведения необходимо ука зать соответствующую языка Lingo или воспользоваться соответст вующим элементом управлением фильма. Когда флажок сброшен, фильм воспроизводиться сразу после загрузки на область действия;

флажок Loop определяет, будет ли воспроизведение фильма Если флажок активизирован, фильм воспроизводится циклически, если сбро шен, воспроизведение фильма прекратится после однократного воспроизве дения;

флажок Direct to Stage определяет приоритет, который Director назначает Flash-компоненту ядра. Если этот флажок установлен, Director использует все ресурсы, чтобы при Flash-фильм сглаживался. Если этот флажок не активизирован, то Flash-спрайт будет поверх всех остальных элементов Director-фильма.

Quality Среда Director содержит несколько настроек, управляющих качеством ведения Flash-компонентов ядра. Эти настройки аналогичны настройкам вклад ки HTML в окне Publish Settings программы Flash. Раскрывающийся список Quality содержит следующие элементы: High, Auto-High, Low и Auto-Low. Более подробная информация содержится в главе 27.

Scale В поле вы можете установить значение масштабирования для Flash-ком понента ядра. Это значение будет использоваться каждый раз при воспроизведе Flash-фильма в Director-фильме.

Scale Mode В этом раскрывающемся списке задается режим масштабирования для Flash компонентов ядра:

элемент Auto-Size установлен по умолчанию. С его помощью блокируется мас штабирование области отображения Flash-фильма. Если изменить размер спрайта, изменится и размер области отображения Flash-фильма. По умолча нию при выбранном элементе Auto-Size в поле Scale установлено значение мас штабирования 100 Если изменить это значение, изменится и масштаб об ласти отображения Flash-фильма;

элемент No Scale сохраняет ядра, которое указано в поле Scale. Независимо от размера спрайта этот эле мент всегда устанавливает размер равным значению, заданному в поле Scale;

назначение остальных элементов, Show All, No Border и Exact Fit, аналогично на значению элементов списка Scale вкладки HTML окна Publish Settings среды Flash. Эти настойки подробно рассмотрены в главе 27.

Работа с Flash в среде Director 4 Кроме описанных кнопок и методов Director предоставляет и другие настройки импорта, которые в этом разделе мы не рассматриваем. В случае необходимости обращайтесь за информацией к файлам справки среды Director (Help Director Help).

Свойства Flash-фильма В случае успешного импорта Flash-фильма в Di rector-проект этот фильм появится как компонент ядра на панели Internal Cast. Director автоматиче ски включает модуль Flash Asset Xtra, который ну жен для поддержки Flash-компонента ядра, поэто му вручную это делать не нужно.

с этого вы можете делать с фильмом всевозможные манипуляции, поскольку Flash-компоненты ядра являются чем-то уникаль ным в среде Director — они являются интерактив ными мультимедийными фильмами в интерактив ном мультимедийном фильме Director.

Существует несколько параметров, определяющих поведение компонентов ядра в среде Director. Эти параметры устанавливаются в окне Flash Asset Properties, для доступа к которому дважды щелкните на значке компонента ядра на панели Internal Cast. С помощью этого окна можно управлять многими параметрами Flash-фильма: качеством воспроизведения, параметрами звуковыми настройками и др.

В нем представлены следующие настройки для управления компонентом ядра.

Media Если для связи с Flash-файлом вы используете кнопку Browse, в поле Import бу дет отображаться путь к файлу, где бы он не находился: на вашем жестком диске или в Интернете.

Flash-фильмы можно как импортировать, так и связывать. Если вы активизиро вали флажок Linked, файл Flash-фильма будет связан с его местоположением.

При воспроизведении Director-фильм обратится к SWT-файлу по указанному пути и отобразит на области действия кадры связанного фильма. Если устано вить флажок Preload (Предварительная загрузка), то перед воспроизведением Director-фильма в память полностью загрузится связанный SWT-файл.

Рекомендуется не использовать связанные файлы, а импортировать их в ядро и сохранять как неотъемлемую часть фильма.

Playback Настройки управления воспроизведением Flash-фильмов в Director:

флажок Image определяет, будут ли отображаться кадры фильма при его вос произведении. Кадры Flash-фильма будут отображаться, только если этот флажок При работе со звуковыми SWF-файлами или файла ми, содержащими лишь сценарий, отключите этот флажок;

466 Глава 23. Совместная работа Flash и Director панель, называется спрайтом. Данная панель напоминает панель во Flash, содержащую слои и кадры, поскольку имеет ряды для называемых каналами, и вертикальные для кадров, при этом ряды спрайт-каналов пронумерованы (рис. 23.1). Совершая манипуляции с эле ментами в среде Director, вы можете ссылаться на номера например sprite(l) или sprite(15). Более подробная информация об этом находится в фай лах справки среды Director (Help Director Help).

Кадры • i Рис. 23.1. Панель Score среды Director Для того чтобы можно было начать работу с Flash-фильмом в среде Director, спрайт Flash-фильма должен находиться на панелях Score и Stage (аналог ти действия). Для того чтобы Flash-фильм стал спрайтом, он должен быть ком понентом ядра, а для того, чтобы он стал компонентом ядра, его нужно импорти ровать в Такая процедура на первый взгляд может показаться:

очень трудоемкой, но дальше мы продемонстрируем, что сделать это не сложно.

Для импорта Flash-фильма в Director-фильм необходимо произвести действия.

1. Выберите в среде Director File Import или воспользуйтесь цией клавиш после чего появится диалоговое окно Import Files;

(Импортировать файлы). Оно похоже на аналогичное окно среды Flash.

2. В верхней области данного окна найдите нужные файлы. Для поиска SWF файлов, нужно импортировать, вы можете воспользоваться раскрываю щимся списком Show.

3. Когда нужный файл найден, выберите его и нажмите кнопку Add, после чего он будет перенесен в нижнюю область окна Files, где помещаются все выбранные фай лы. Вы можете импортировать сразу не сколько файлов, продолжая использовать для этого верхнюю область окна Import Files.

4. Закончив выбор файлов, нажмите кнопку Import, после чего все эти файлы будут им портированы в Director.

Работа с Flash в среде Director созданные в среде Flash MX, всегда можно сохранить в формате более ранней версии, если у вас отсутствует необходимая версия Director. Об этом рассказывается в главе 27. Для более детальной информации, касающейся совместимости Flash и Director, обратитесь на Web-узел www.macromedia.com/support/director.

При помощи Lingo, языка среды Director, вы сможете манипулировать многими параметрами воспроизведения Flash-фильма, содержащегося в Director-фильме.

Существует несколько удобств при использовании среды Director.

Гибкость графики. Director в основном работает с растровой графикой. А это значит, что если вы, например, измените масштаб изображения, его качество ухудшится. При работе же с векторной графикой ситуация иная — в этом случае нет потери качества. Как программа для создания анимации Flash, конечно, пре восходит Director, но, тем не менее, в Director предусмотрены все необходимые инструменты для работы с векторной графикой, хотя их и меньше, чем во Flash.

Расширенное управление анимационными элементами. Во Flash клин является неотъемлемой частью фильма и воспроизводится автономно в своей временной шкале. Если, используя Flash, создать SWF-фильм, каждая часть которого явля ется клипом, то затем в среде Director можно с помощью языка Lingo управлять каждым клипом отдельно, что создает определенные удобства. Подробнее об этом далее в разделе Flash помо щи Lingo».

Наилучшие макроязыки. Среда Flash содержит язык ActionScript, а среда Director — Lingo. Если вы знаете один из них или язык JavaScript, то сможете без проблем изучить другой. Но учтите, что ActionScript больше напоминает Java Script, чем Lingo, хотя синтаксис всех трех языков похож. Язык ActionScript можно использовать для управления Flash-элементами в фильмах Director, и на оборот, с помощью Lingo управлять Director-элементами, которые входят во Flash-фильмы. Каждый из этих языков имеет свои преимущества, поэтому разработке приложения вы должны выбрать тот, который лучше поможет ре шить поставленные задачи.

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

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

Наверное, термин ядро вы встречали ранее. Любой элемент, который можно ис пользовать в фильме, сохраняется в ядре и называется компонентом ядра (как в библиотеке Flash). Если это то перейдем к области действия.

Панель, с помощью которой можно управлять расположением компонентов ядра на области действия, называется Score. Компонент ядра, помещенный эту Глава Совместная работа Flash и Director Совместно с Flash может работать большое количество программ, одна из кото рых — Macromedia Director.

Если Flash, несомненно, является прекрасным средством быстрой разработки Интернет-приложений, то Macromedia Director великолепно подходит для пуб ликации ваших фильмов на компакт-диски. Хотя эта программа довольно гро моздкая и требует значительных ресурсов системы, она позволяет работать с двухмерными растровыми изображениями, двухмерной векторной графикой, цифровым видео, звуком, трехмерной графикой (появилась в версии 8.5) и наи более важными SWF-файлами. В этой главе вы изучите совместную работу Flash и среды Director и научитесь создавать интерактивные фильмы, обладаю щие наилучшими характеристиками обоих сред разработки. Здесь будут рас смотрены следующие темы:

вставка Flash-фильмов в Director;

характеристики Flash в среде Director;

функционирование Flash-фильмов в качестве спрайтов;

комбинирование языков ActionScript и Lingo.

Работа с Flash в среде Director В среде Director Flash-фильмы можно просматривать с помощью модуля Flash Asset Xtra. Director 8.5 уже содержит этот модуль, который поддерживает функ циональные возможности Flash 5. К моменту выхода этой книги Macromedia не представила новую версию модуля для Flash MX и проигрывателя Flash 6, по этому все фильмы, которые вы будете запускать в среде Director, имеют формат Flash 5. Более ранние версии Director могут поддерживать Flash только с некото рыми ограничениями. В табл. показаны соответствия между версиями Flash и Director.

Таблица Совместимость Director и Flash Версия Flash Версия Director 6 (Flash MX) и ранее Отсутствует, на момент выхода книги 5 и ранее 8. 4 и ранее 8.0, 7. 3 и ранее 7. 2 6.5, 6. ЧАСТЬ Использование Flash с другими программами Практически ни одну сложную интересную программу создать, используя только одно мультимедийное приложение. Хотя Flash является очень мощной средой разработки, бывают ситуации, когда эта технология, несмотря на гиб и векторной графики и анимации, а также интерактивные воз можности, предоставляемые не в состоянии всей функ необходимой вашему приложению. В таких случаях совместно с Flash используют другие программы. О некоторых из них мы расскажем в данной части книги.

Глава 23. Совместная работа Flash и Director Глава 24. Совместная работа Flash и Глава 25. Использование звуковых редакторов совместно с Flash Глава 26. Создание трехмерных объектов в среде Flash 462 Практикум задать для качества. Для звуков, которые имеют тип хронизации Stream, укажите следующие параметры: и Mono.

Чтобы уменьшить размер результирующего файла, нужно убрать звукового файла Sync Track в звуковом сопровождении. При использовании зву ков DoReMedia во Flash необходимо только одно повторение звукового файла Sync Track для обеспечения синхронизации. Так как повторения потоковых зву ков увеличивают размер фильма, не следует применять их чаще, чем это требует ся. Для синхронизации в части В вы должны связать еще эк земпляр звука Sync Track с ключевым кадром 481. Выделите кадр, активизируйте команду Insert Keyframe, а затем выберите файл ai в па нели Properties. Установите тип синхронизации Stream.

СОВЕТ В некоторых случаях звуковой файл Sync Track не позволяет синхронизировать частоту смены кадров фильма, если он начинается в первом кадре. Чтобы разрешить эту блему, передвиньте начало воспроизведения звука Sync Track в кадр номер 10.

Заключительные размышления о звуковом сопровождении Вы только что завершили создание интерактивного звукового сопровождения фильма. Примите наши поздравления! Все, что мы рассмотрели в этом практи куме, поможет вам в дальнейшей работе со звуками DoReMedia, которые лучше всего использовать в интерактивных фильмах. Для закрепления изученного ма териала самостоятельно выполните следующие упражнения.

Поэкспериментируйте с параметрами для различных уча стков, слоев и звуковых эффектов. В демонстрационном файле есть несколько звуков гитар, которые переходят из одного канала на другой.

Кроме того, стереоэффекта можно достичь, изменяя уровень громкости звука в разных каналах (используйте окно Edit Попробуйте создать третью часть звукового Для этого у вас есть все необходимые элементы.

Поэкспериментируйте со звуковыми эффектами и кнопками. Можно создать интерактивное звуковое сопровождение, в котором партии разных музыкаль ных инструментов «подключаются» при нажатии на различные кнопки.

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

Если вам понравилось работать с звуками Whiskey, можете с музыкой в стиле «техно» Passive Aggression. На компакт-дис ке зайдите в каталог Hands On Здесь вы найдете два каталога, кото рые названы Passive Aggression. В одном из находятся файлы AIF, а в дру гом — WAV. Создайте новое звуковое сопровождение, эти звуки и рассмотренную методику.

Разработка интерфейса Часть А расположена в кадрах до 481 шкалы клипа звукового со Если условие ее воспроизведения (первая строка) выполняет ся, клип со звуковым сопровождением начинает проигрываться с кадра номер 481 (вторая строка кода программы), то есть начинает воспроизводиться часть В звукового сопровождения. При этом: в основной временной шкале го ловка воспроизведения переводится в кадр номер 2 (третья строка). Если же при нажатии кнопки уже воспроизводится часть В, то воспроизведение вторно не активизируется.

6. Теперь следует задать программу для воспроизведения части А звукового со провождения фильма. Выделите кнопку, для воспроизведе ния части А, перейдите к кадру номер 2 и откройте панель Actions. Введите следующие команды:

on(press){ Эти команды аналогичны командам для кнопки воспроизведения части В.

Если проигрывается часть В (кадры больше 481), тогда при нажатии кнопки воспроизводящая головка переходит к кадру номер 25, с которого начинается часть А, а на основной временной шкале — к кадру номер 1.

Выберите команду Control Test Movie, чтобы проверить работу кнопок.

7. Для улучшения интерактивности интерфейса фильма зададим звуки, воспро изводимые при кнопок. Когда зритель нажимает кнопку, он не толь ко проигрывает соответствующую часть звукового сопровождения, но и слы шит звук, который помогает заполнить паузу.

Перейдите в режим редактирования символа для одной из ваших кнопок. До бавьте новый слой и вставьте ключевой кадр для события Down. Свяжите с этим кадром плавный звук гитарной струны и установите тип синхрониза ции Event. В примере в качестве звуков для кнопок использу ются файлы и Эти звуки были выбра ны, что они не подчинены ритму и стихают, обеспечивая тем самым идеальный переход.

8. После окончания работы с кнопками проверьте результаты коман дой Control Test Movie. Создание вашей интерактивной звукозаписи завершено.

Перед публикацией фильма неплохо было бы проверить параметры звука в окне Publish Settings, которое можно открыть командой File Publish Settings. Для звуков типа Event, выбирайте параметры в зависимости от носителя, на котором куется фильм, скорости соединения компьютеров ваших зрителей с Интернетом и ряда других факторов. Вспомните, что вы снизили до нуля уровень громкости звукового файл Sync Track. Поскольку этого звука не будет слышно, вы можете 460 4 Практикум Слой Номер кадра Звук A section Drum На этом мы завершаем создание звукового сопровождения фильма. Теперь у нас есть две независимые части музыки, для воспроизведения которых необ ходимо разработать соответствующий интерфейс.

Разработка интерфейса Для завершения этого практического задания следует добавить в библиотеку не сколько элементов. Нам понадобится как минимум одна кнопка. Если вы откры вали демонстрационный файл то видели две кнопки, предназна ченные для запуска различных частей звукового сопровождения. При желании вы можете использовать как одинаковые по виду кнопки, так и различные. Вы даже можете вместо кнопки поместить в фильм какой-нибудь графический эле и применять два его состояния для выбора части.

1. Вставьте два новых слоя в главной временной шкале. Один из них назовите actions, а другой — buttons. Слой для звукового сопровождения назовите МС.

Выделите его и на панели свойств в поле слева от кнопки Swap введите имя soundtrack.

2. Перетащите две кнопки в область действия и удостоверьтесь, что нахо дятся в слое buttons. Их позицию выберите по вашему усмотрению. Одна кнопка будет служить для воспроизведения части А, а другая — части В.

3. Вставьте новый ключевой кадр в слоях buttons и actions. Затем добавьте кадр (нажав клавишу F5) в слое МС и поместите в него клип со звуковым дением. После этого основная временная шкала должна быть похожа на вре менную шкалу, показанную на рис. П6.5.

Рис. В временной шкале имеются два кадра, каждый соответствует своей части звукового сопровождения 4. Выберите первый ключевой кадр в слое actions и откройте панель Actions.

Введите команду Сделайте то же самое в ключевом кадре 2. Это позво лит ограничить воспроизведение одним кадром.

5. Выделите кнопку, предназначенную для воспроизведения части В, и для пер вого кадра введите на Actions следующие команды:

i Создание звукового сопровождения при повторении. Вставьте новые ключевые кадры в кадр 865 в двух слоях:

s и 1 oop ri f f s. Свяжите звук ai f с ключевым кадром в слое — с ключевым кадром в слое На этом создание части В звукового сопровождения завершается.

заметили, что команда возврата к началу мелодии и звуки для обеспечения плавного перехода находятся в разных кадрах. Мы сделали это специально. Поскольку команда повторения выполняется несколько позже начала вос произведения переходных звуков, они короткое время будут звучать независимо друг от друга. Это придает переходу большую выразительность. Мы выбрали кадр номер потому что решили, что это даст лучший результат. Но вы можете работать и с дру гим временным интервалом.

16. При воспроизведении часть В звукового сопровождения не слышна, потому что команда в кадре номер 457 возвращает головку воспроизведения в начало части А. Для проверки всего фильма нужно перейти к кадру номер 457, от крыть панель Actions и ввести перед командой два символа косой черты (//), для того чтобы эта команда стала комментарием.

Выберите команду Control Test Movie и прослушайте обе части звукового со провождения — А и В. Конечно, повторяться будет только часть В. После прослушивания части В необходимо убрать символы комментария (//) из оператора в кадре 457.

17. Создание звукового сопровождения идет по плану. Вы имеете две части пес ни для двух частей Flash-фильма. Теперь нужно создать интерфейс управле ния звуковым сопровождением. Заранее неизвестно, сколько времени зри тель будет смотреть каждую часть фильма. И поэтому мы создали звуковое в котором каждая часть будет повторяться, что позволит слу шать ее в течение разных интервалов времени.

Вспомните, что мы везде использовали тип синхронизации Event. В этом слу чае звук воспроизводится до тех пор, пока не будет остановлен или пока закончатся повторения. Таким образом, если головка будет прыгать между частями А и В звукового сопровождения, вы услышите диссо нирующие звуки. Чтобы избежать этого и обеспечить свободный переход от одной части звукового сопровождения к другой, необходимо останавливать воспроизведение всех звуков одной части при переходе к другой. Для этого свяжите каждый звук, который нужно остановить, с новым ключевым кадром и выберите для него тип Stop. В табл. П6.1 перечислены имена слоев, звуки и номера кадров, в которых следует организовать остановку вос произведения звука.

Таблица Звуки и кадры, в которых следует остановить их воспроизведение Слой Номер кадра Звук Breakdown 25 Whiskey_break.aif В2 section В section A2 section 458 • Практикум 13. Продолжаем создание части В. Вставьте новый ключевой кадр в кадр слоя В section. Свяжите с ним звук и задайте тип ции Event, а также — количество повторений, равное 2. Затем для улучшения звучания свяжите звук с ключевым кадром 817 слоя В section. Задайте для этого звука тип синхронизации Event.

14. Обратите внимание, что звуки в слоях section В и B2 перекрываются и воспроизводятся не очень удачно. В практическом задании файл key_B_02.aif занимает 2 интервала звука Sync оканчивая музыкальную фазу. Вся музыка части В имеет структуру в тактов. Поэтому вы должны уменьшить уровень громкости звука файла до 0 на двух последних тактах (начиная с 817 кадра). В резуль тате на протяжении шести тактов будет слышен звук а во время двух следующих — звук — всего восемь.

Выделите ключевой кадр в позиции 673 слоя В secti on, начинается файл Щелкните на кнопке Edit на Properties для открытия ок Edit Envelope. Затем щелкните на кнопке Frames и прокрутите содержимое окна до кадра номер Выберите элемент Custom из списка Effect и измените кривую громкости так, чтобы звук исчезал полностью в кадре номер 817.

1 ' Рис. Окно Edit Envelope с измененной кривой громкости После окончания формирования уровня громкости в слое В section щелкните на кнопке ОК. Теперь, когда часть В звукового сопровождения создана, зада дим повторы ее воспроизведения.

15. Для повторения части В тот же прием, что и для повторения звуков части А. Вставьте новый ключевой кадр в кадр 871 слоя actions. От кройте панель Actions и введите следующую команду:

Эта команда перемещает головку воспроизведения к кадру, где начинается часть В. Теперь нужно задать два звука, которые обеспечат плавное звучание Создание звукового сопровождения * 9. Вы можете задать звука, возвращая головку воспроизведения в кадр, где начиналось воспроизведение этой части звукового сопровождения.

Но при этом Flash не сможет поддерживать нужный темп. В таком случае следует использовать файлы со звуковыми эффектами DoReMedia.

Перейдите к кадру номер 457 слоя и вставьте новый ключевой кадр.

Откройте панель Actions и введите следующую команду:

Эта команда перемещает головку воспроизведения в кадр номер 25, где начи часть А звукового сопровождения. Теперь необходимо сделать плав ный переход, используя короткий звук. Вставьте еще один ключевой кадр в кадр 457, на этот раз в слое riffs. Свяжите с ним звук и задайте тип синхронизации Event.

10. Активизируйте команду Control Test Movie для тестирования созданной части звукового сопровождения. После того как закончится воспроизведение час ти А, вы услышите звук гитары и вступление ударных — неплохой переход, не правда ли?

11. Приступим к другой половине звукозаписи или части В. Вставьте ключевой кадр в кадр 481 слоя breakdown. Свяжите с ним звук ai f, задайте тип синхронизации Event и введите количество повторений, равное 2. Теперь добавим звук тарелок. Вставьте новый ключевой кадр в по зицию 481 слоя Свяжите с ним звук и задайте тип синхронизации Event.

12. Звук — это дуэт бас-гитары и барабана. В нашем звуковом сопровождении он дважды. Для того чтобы подчеркнуть его зву чание, добавим еще один звук. Вставьте новый ключевой кадр в кадр 577 слоя riffs. Свяжите с ним звук и задайте тип синхрониза ции Event. В этом же слое свяжите звук с ключевым ка дром 625, а звук с ключевым кадром 649. Обратите вни мание, что данные ключевые кадры согласованы с пиками звука Sync Track.

Эти пики очень удобно использовать в качестве меток. Если хотите, можете добавить звучание тарелок в те же кадры слоя (рис. П6.3).

I Рис. П6.3. Вторая часть сопровождения фильма со звуками тарелок 456 • Практикум 7. Вставьте новый ключевой кадр в кадр 73 слоя A Свяжите с ним файл задайте тип синхронизации Event и введите количество повто рений, равное 2. Прослушав данный звук, вы поймете, что это начало песни.

Можно добавить звучание ударных инструментов, которое обеспечит переход к звучанию гитары. Вставьте ключевой кадр в кадр 67 слоя s. Свяжите с ним звук и задайте тип синхронизации Event. Теперь вос произведите звук. Вы услышите барабанное вступление, но когда начнут зву чать основные ударные инструменты, станет заметным некоторое несоответ ствие между звуками, которые они воспроизводят. Такое несоответствие легко исправить. На графиках звуков ударных видно, что в кадре слоя drum есть промежуток, а в слое начинается его первый пик.

Необходимо отрегулировать уровень громкости звука в слое drum так, чтобы звук в этот момент стихал, давая возможность ясно услышать воспроизведе ние звука в слое. Выделите ключевой кадр в позиции 25 слоя drum, там, где вы внедрили файл Щелкните на кнопке Edit на панели свойств, чтобы открыть окно Edit Envelope.

Щелкните на кнопке Frames, которая находится слева от кнопки Help в окне Edit Envelope, и вы увидите графики амплитуды звука кадров.

Выберите элемент Custom из списка Effect и добавьте на графике уровня кости две точки, перетащив их таким образом, чтобы убрать звук на 69 кадре (рис. П6.2). После чего щелкните на кнопке ОК.

Рис. Окно Edit Envelope с измененным уровнем громкости звука в слое drum Продолжим создание части А звукового сопровождения фильма. Вставьте вый ключевой кадр в позицию 265 слоя А2 section. Свяжите с ним задайте тип синхронизации Event и количество равное 2. Этот последний звук завершает часть А звукового сопровождения фильма. Она длится 45 секунд. Так как зритель может смотреть фильм доль ше этого времени, данную часть нужно сделать повторяющейся.

Создание звукового сопровождения Звуковой файл Sync Track, уровень громкости которого мы понизили до нуля, является ключевым элементом набора звуков DoReMedia. Это звуко вой файл низкого качества, который для согласования темпа музыки. При используется синхронизация типа Stream, что бы согласовать воспроизведение звука с частотой кадров. Ранее вы задали частоту, равной 10 кадрам в секунду. Музыка, звучащая в фильме, имеет темп 100 тактов в минуту. На Web-узле DoReMedia представлен калькулятор ча стоты кадров. С его помощью вы сможете вычислить наиболее подходящую частоту кадров фильма, в котором используется музыка DoReMedia с опреде ленным темпом.

Звуковой файл Sync Track имеет также другое График его ам плитуды на временной шкале содержит большой пик. Использование этого пика в качестве визуальной ссылки облегчит синхронизацию темпа звучания музыки. пики могут служить своеобразной временной шкалой: за дав количество повторений этого звука, равное 50, вы формируете как бы вре менную шкалу, имеющую 50 делений. Первый такт каждого звука музыкаль ного сопровождения фильма должен начинаться синхронно с этими пиками.

5. Поместив на временную шкалу звуковой файл Sync Track, следует заняться остальными музыкальными компонентами звукового сопровождения. Выде лите 1200-е кадры во всех слоях, кроме слоя sync, и нажмите клавишу F5.

Этой операцией вы создадите более чем достаточное количество кадров, не обходимых для звукового сопровождения фильма. Теперь обратите внимание на второй пик, находящийся в 25-ом кадре слоя sync. Он указывает на начало нового временного интервала. Вставьте ключевой кадр в позицию 25 слоя и свяжите с ним звук Задайте тип синхронизации Event. Для всех остальных звуков будем использовать этот тип синхрониза ции, так как если звук типа Event воспроизводится хотя бы один раз, он оста ется в памяти и его можно воспроизводить повторно без дополнительного размера фильма. Активизируйте команду Control Play для прослу шивания нового звука. Чтобы остановить воспроизведение, активизируйте Control Stop.

6. Теперь добавим к музыкальному сопровождению звуки ударных инструмен тов. Вставьте ключевой кадр в позицию 25 слоя Свяжите с ним звук и задайте тип Event. Затем вставьте еще один ключевой кадр в позицию 19 и свяжите с ним файл типа Event. При воспроизведении вы услышите звук ударных инструментов.

.

Ш...

454 Практикум б 3. Создайте новых слоев во шкале (всего 12). Присвойте им, сле дуя вверх, следующие имена: graphic (был создан на втором шаге), markers, actions, sync, A section, A2 section, В section, Ei section и breakdown (рис. П6.1).

3 А ' • И. ' | I Рис. Слои во временной шкале клипа soundtrack 4. Вставьте ключевой кадр в кадр 1 слоя sync. Привяжите звук этому ключевому кадру, введите количество повторений 50 и задайте Stre am-синхронизацию. Перейдите к кадру под номером 1200. (Если Flash ото бражает только 500 кадров во временной шкале, перейдите к кадру с макси мальным номером, а затем нажмите клавишу F5. Flash осуществит прокрутку временной шкалы на следующие 500 кадров. Вновь выберите кадр с макси мальным номером и опять нажмите клавишу F5. Продолжайте выполнять эти действия до тех пор, пока на шкале не появится 1200-й кадр.) Далее откройте окно Edit Envelope, щелкнув на кнопке Edit на панели Из списка Effect выберите элемент Custom и перетяните метки кривых уровня громкости каждого канала вниз. Это делается для того, чтобы данный звук не был слышен при воспроизведении. Затем нажмите кнопку ОК.

Создание звукового сопровождения интегрированные фильма, хорошо сочетаясь при этом с графи кой и средствами навигации.

Звуковые средства DoReMedia разделены на три категории: слои, фрагменты и звуковые эффекты. Основными элементами являются например, ими мо гут быть отдельные музыкальные фразы (скажем, басовая партия или сопровож дение сольной партии на ритм-гитаре). — это отдельные файлы, ко торые содержат фрагменты мелодии. Несколько слоев можно объединить для создания нового фрагмента или использовать их по отдельности. Звуковые эф фекты — это звуковые файлы, которые можно запускать отдельно для улучше ния звучания или для создания переходов. Далее рассказывается, как комбини ровать данные элементы, создавая звуковое сопровождение фильма.

Создание звукового сопровождения Прежде всего вы должны импортировать в фильм несколько файлов. От кройте каталог которая находится в каталоге Hands On 6 на ком пакт-диске, и импортируйте оттуда в библиотеку фильма следующие файлы:

ai f Whi ai f ai f Whi skeyj ai f Whi ai f Whi skeyj ai f После этого вы можете приступать к работе над звуковым оформлением фильма с интерактивным взаимодействием. Использование аудиоэлементов в среде Flash подробно рассматривалось в главе 20.

1. Задайте частоту кадров фильма. Среди звуковых файлов DoReMedia есть специальные звуковые файлы типа Sync Track, которые служат для согласо вания темпов воспроизведения звуков. Об этом мы поговорим несколько поз же, а пока выберите команду Document (Модификация Документ).

В поле Frame Rate (Частота кадров) открывшегося окна Document Properties (Параметры документа) введите частоту кадров вашего фильма, равную кадрам в секунду, и подтвердите эту установку щелчком на кнопке ОК.

2. Активизируйте команду Insert New Symbol (Вставка Новый символ) и соз дайте новый символ типа клип с именем soundtrack. Для этого следует ввести указанное имя в поле Name, установить переключатель Movie Clip, после чего щелкнуть на кнопке ОК. В данный клип будет помещено все звуковое сопро вождение фильма. Используя Action Script, вы сможете организовать управ ление воспроизведением музыки с помощью интерактивных графических элементов. Задайте первому слою имя graphic и создайте простой графиче ский элемент для визуального представления этого клипа. Перетащите экзем пляр клипа в область действия.

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

Автономные Flash-файлы Одним из преимуществ автономных файлов является возможность фильмов, способных работать на всех платформах. Независимо от операционной системы, используемой при создании Flash-фильмов, вы сможете создать конеч ные файлы, которые будут соответствовать возможностям пользовательского оборудования. Это делает Flash одним из наиболее переносимых среди совре менных мультимедийных приложений.

Приложение Flash Player Приложение Flash Player поставляется вместе с программой Flash. Его можно использовать для воспроизведения SWF-файлов без помощи Web-браузера.

Окно Flash Player (рис. содержит несколько команд меню, с помощью кото рых можно управлять воспроизведением и внешним видом фильма. Файл ложения Flash Player хранится в каталоге ayers, который находится внутри ката лога с файлами приложения Flash на жестком диске. На компьютерах Macintosh файл имеет имя а на компьютерах Windows он на зывается Рис. Фильм, воспроизводимый с помощью приложения Flash Player Фильмы в формате SWF можно распространять в виде небольших файлов, спо собных работать на различных платформах. Но для воспроизведения таких фильмов требуется наличие на компьютере пользователя установленного прило жения Flash Player либо подключаемого модуля Flash. Поскольку большинство пользователей не имеют приложения, SWF-формат не является опти мальным для широкого фильмов. Для полной уверенности, что созданный вами фильм смогут просмотреть на любом компьютере, используйте формат файла projector.

Flash-фильм в формате projector Автономные файлы формата Flash projector являются, возможно, самыми опти мальными для распространения за пределами Web. Файл в формате projector представляет собой исполняемый файл, способный воспроизвести Flash-фильм как в среде Windows, так и в среде Macintosh. Пользователи компьютеров с опе системами Windows и Macintosh смогут увидеть ваш фильм без по мощи дополнительного программного обеспечения или подключаемых модулей.

Кроме того, поместив такой файл на компакт-диск, вы сможете воспроизвести фильм на любом компьютере, имеющем дисковод лазерных дисков. На рис. 29. показан пример воспроизведения файла формата projector.

602 29. Публикация Flash-фильма на компакт-диск Рис. 29.2. Фильм в формате projector может воспроизводиться в своем собственном окне либо в полноэкранном режиме Создание файлов в формате projector Создание или, точнее, публикация фильмов в виде файлов projector — процесс достаточно простой. Кроме того, Flash позволяет одновременно создавать файлы данного типа как для Windows, так и для Macintosh. Одним из недостатков тако го файла может считаться его размер, который будет на несколько сотен кило байтов больше аналогичного файла формата SWF. Это естественно, поскольку файл типа projector должен содержать информацию, необходимую для воспро фильма с использованием ресурсов операционной системы.

Для создания файла формата projector выполните следующие действия.

1. Завершив создание фильма, выберите команду Save меню File.

2. Откройте диалоговое окно Publish Settings (Параметры публикации), выбрав команду Publish Settings меню File (рис. 29.3).

3. Установите флажок Windows projector или Macintosh projector в зависимости от того, для какой операционной системы предназначен фильм. Можно устанав ливать одновременно оба флажка — в этом случае будет создано два файла.

В полях Filename введите имена для создаваемых файлов. В поле имени файла Windows projector убедитесь в наличии расширения.ехе.

4. Для завершения процесса публикации выполните одно из следующих действий.

> Щелкните на кнопке Publish (Опубликовать). Ваш фильм будет тотчас опуб ликован. Эта кнопка используется в тех случаях, когда необходимо опубли ковать несколько различных типов фильмов с одними параметрами.

Интерфейс управления фильмом > Щелкните на кнопке ОК для подтверждения всех параметров, установлен ных в диалоговом окне Publish Settings. Затем выберите команду Publish меню File или воспользуйтесь комбинацией клавиш В открывшемся окне Publish находится индикатор хода процесса публикации фильма. После завершения созданные файлы будут помещены в тот же ката лог, где находится Flash-файл, с которым вы работаете в настоящий момент.

5. Завершите работу с приложением Flash, выбрав команду Exit меню File. Чтобы воспроизвести созданный файл типа projector, выполните двойной щелчок мышью на его значке. В таком виде файл готов для переноса на компакт-диск.

| Рис. 29.3. Диалоговое окно Publish Settings позволяет установить параметры создания автономных файлов типа projector Интерфейс управления фильмом Публикация автономного файла в формате projector является этапом процесса, но существуют еще и дополнительные возможности, которые помогут вашему фильму приобрести вид независимого приложения. С помощью не скольких команд можно превратить фильм Flash в независимый мультимедийный продукт с интерфейсом управления. Такая доработка не толь ко сделает ваш продукт более профессиональным, но и даст пользователям воз можность управлять режимом воспроизведения фильма.

Действие fscommand Действие fscommand О является элементом языка ActionScript. С его помощью происходит обмен данными между программами Flash, Flash Player и приложе нием, которое исполняет роль хоста вашего фильма. В данном контексте под та ким приложением подразумевается операционная система Windows или 604 Глава 29. Публикация Flash-фильма на компакт-диск Macintosh. Используя действие можно установить различные пара метры представления фильма, а также расширить возможности управления вос произведением фильма. Ниже перечислены аргументы действия fscommandO, предусмотренные в языке ActionScript.

1 Данный аргумент принимает значение или se. Если он вво дится с аргументом фильм воспроизводится в полноэкранном режиме без строки меню в верхней части окна;

если же с аргументом false, фильм воспроизводится в окне, размеры которого соответствуют параметрам Dimen sions, установленным в диалоговом окне Document Properties.

Применяя данный аргумент со значением вы можете изме нять масштаб отображения кадров фильма вместе с окном, где он воспроизво дится. При использовании аргумента со значением размеры окна, в котором воспроизводится фильм, могут быть изменены, но масштаб отображения кадров фильма при этом изменять нельзя.

showmenu. Используя данный аргумент со значением вы разрешаете поль зователю доступ к контекстному меню при воспроизведении фильма. Открыть это меню можно посредством щелчка правой кнопкой мыши (Windows) или щелчка при нажатой клавише Ctrl (Macintosh). С помощью команд данного меню можно воспроизводить или останавливать фильм, осуществлять пере мотку, масштабировать окно, а также изменять качество воспроизводимого фильма. При использовании аргумента showmenu со значением все коман ды меню кроме пункта About Macromedia Flash Player становятся недоступными.

Следует отметить, что на некоторых операционных системах аргумент ведет себя непредсказуемо. Поэтому при использовании данного аргу мента до распространения фильм необходимо протестировать на различных платформах.

Co значением аргумент блокирует клавиатуру.

Если вы хотите использовать данное действие для предотвращения некоррект ного ввода при работе с интерактивными фильмами, обязательно предусмот рите возможность завершения работы приложения. Это можно осуществить, добавив кнопку или другой элемент со строкой-оператором По умолчанию используется значение false, при этом фильм может прини мать данные, вводимые с клавиатуры.

exec. Данный аргумент используется для запуска другого приложения из Flash-фильма. Новое приложение будет открыто поверх окна, где воспроизво дится фильм. Значение этого аргумента определяется как строка, содер жащая полный путь к приложению, которое необходимо запустить. Напри мер:

on(relese){ Applications (Mac OS } Представленный выше оператор содержит полный путь для запуска приложения на компьютере Macintosh. Различные компоненты пути разделяются с помощью символа двоеточия (:).

Интерфейс управления фильмом 4 На компьютерах Windows в качестве разделителя компонентов пути применяет ся символ косой черты (/). Например:

Аргумент позволяет закрыть исполняемый файл типа projector, при этом его значение не задается.

Что касается синтаксиса, то все аргументы (quit, exec и др.), а также их значения вводятся как строки. Например:

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

Лучшим местом для действия является первый кадр на главной вре менной шкале. При таком вводе данное действие выполняется до того, как будут вызваны другие сценарии Кроме того, при помещении действия fscommand в первый кадр фильма, не потребуется обработчик, и они будут загружены в память как одни из первых параметров фильма.

Эффект letterbox Используя действие fscommandO, вы можете создавать фильмы с уникальными интерфейсами. В этом разделе мы расскажем о некоторых техниках, которые применяют, чтобы создавать стильные и функциональные предназна ченные для воспроизведения на различных платформах.

Первая техника включает создание файла типа letterbox-style projector. Let terbox — это термин, используемый для описания внешнего вида изображения.

В кинотеатре вы смотрите фильмы на экране, который значительно отличается от экрана вашего монитора или телевизора, — в отличие от характеристического отношения телевизионного экрана 4:3, экраны кинотеатров имеют характеристи ческое отношение 16:9. Эти экраны растянуты по горизонтали и позволяют про сматривать широкоформатные фильмы. То есть, когда киностудия готовит фильм для показа по телевидению или для выпуска на видеокассетах стандарта VHS, размеры фильма модифицируются в соответствии с отношением 4:3.

При выпуске в формате letterbox можно не делать такой модификации, посколь ку данный формат позволяет сохранить геометрические пропорции изображе ния 16:9. В этом случае изображение занимает всю ширину экрана, свер ху и снизу экран приблизительно на одну треть остается черным. Следовательно, изображение в таком формате будет меньше, чем при изначальном создании с характеристическим отношением 4:3, но геометрические пропорции экрана со хранятся. Обычно формат letterbox используют вынужденно для сохранения пропорций изображения, но иногда с его помощью можно получить интересные визуальные эффекты.

606 Глава 29. Публикация Flash-фильма на компакт-диск Создать эффект letterbox довольно просто. Для этого требуется лишь немного доработать ваш фильм следующим образом.

1. Выберите Document меню В диалоговом окне Document Pro perties (Свойства документа) установите размеры фильма таким что бы они соответствовали отношению 16:9 320x180 или 640x360).

Поскольку при изменении размеров уже созданного фильма всегда возника ют проблемы с расположением и выравниванием элементов фильма на облас ти действия, размер изображения лучше задавать до создания Flash-фильма.

2. В образце цвета фона Background color на панели Properties выберите черный цвет, даже если вы хотите, чтобы фоновый цвет фильма в был другим. При создании автономного файла типа projector фоновый цвет филь ма будет использоваться для цвета монитора во время воспроиз ведения в полноэкранном режиме. Чтобы закрыть диалоговое окно Document Properties, щелкните на ОК.

3. Создайте новый слой фильма и присвойте ему имя letterbox. Переместите созданный слой ниже всех остальных слоев на временной шкале. С помощью команды New Symbol меню Insert создайте прямоугольник, точно с размерами области действия. Выберите цвет заливки прямоугольника, кото рый будет использоваться в качестве фильма. Выйдите из режима ре дактирования и переместите символ с изображением прямоугольника из окна библиотеки на слой прямоугольник центру области и заблокируйте слой.

4. Откройте панель Actions, выбрав команду Actions меню Window. Создайте еще один слой и присвойте ему имя actions. Вставьте в первый кадр этого слоя ключевой кадр и введите следующие строки-операторы:

("fullscreen", Первая строка-оператор служит для сохранения размеров фильма и запрета изменения масштаба его отображения. Если использовать аргумент со значением можно масштаб отображения кадров фильма по всей ширине экрана. Но эффект letterbox более нагляднее при использовании аргумента Вторая строка-оператор содержит аргумент со которого фильм воспроизводится в полноэкранном режиме, то есть поверх окон всех открытых приложений, и занимает всю ра бочего стола. Применение аргумента необходимо для эффекта letterbox, поскольку при этом можно использовать фоновый цвет фильма (черный) в качестве маски, окружающей зону 16:9 области действия.

5. Опубликуйте свой фильм как файл в формате projector и оцените эффект letterbox в действии.

Установив размеры фильма в соответствии с характеристическим отношением 16:9, вы создали начальную основу эффекта. Благодаря черному цвету фона фильма была создана черная маска. Затем, графический символ с изо бражением прямоугольника, соответствующего размерам области действия, вы Интерфейс управления фильмом создали что фоновый цвет области действия не является черным.

В этом и заключается эффект letterbox (рис. 29.4).

Рис. 29.4. Воспроизведение Flash-фильма с эффектом letterbox в полноэкранном режиме При создании эффекта letterbox символ с изображением прямоугольника выполняет функции, соответствующие функциям декорации театрального представления. Как в те атре, когда фоновые декорации меняют непосредственно во время вы можете изменять цвет или другие характеристики фонового символа, что создаст эф фект изменения фона во время воспроизведения фильма.

Для вашего фильма можно также создать специальное меню управления. Создав серию кнопок (строку меню), как описывалось в главе 13, и ассоциировав с кнопками действия ActionScript, вы сможете управлять воспроизведением, ос тановкой, перемоткой фильма, а также осуществлять другие дей ствия. Более подробно о возможностях, позволяющих зрителям управлять вос произведением фильма, речь шла в главе 12.

Кроме всего вышеперечисленного вы можете создать дополнительный эффект строки меню — дать зрителям возможность отображать и скрывать кнопки управления, когда это необходимо. Такой эффект особенно полезен, когда фильм воспроизводится в полноэкранном режиме, и вы не хотите, чтобы строка меню была постоянно видна. Для отображения и скрытия каких-либо элементов фильма существует множество способов. Рассмотрим пример:

{ } } 608 Глава 29. Публикация Flash-фильма на компакт-диск Данный сценарий создает эффект появления и скрытия ассоциированной с ним строки меню типа Movie Clip. Каждый раз при нажатии клавиши на клавиатуре ге нерируются события и keyUp. Сценарий проверяет, нажата ли клавиша пробела. Если это так, строка меню появляется на экране. Исчезает она только после того, как клавиша пробела будет отпущена. Пока клип остается видимым, содержащиеся в нем кнопки доступны, что позволяет зрителям получать доступ к меню управления фильмом посредством нажатия пробела.

Чтобы представленный выше сценарий работал корректно, следует изначально установить значение 0 (или false) для свойства клипа, содержащего кнопки управления. Добавив этот сценарий к соответствующему клипу, вы смо жете управлять видимостью строки меню с помощью клавиши пробела.

В качестве примера где реализован эффект letterbox и содержится появляющееся меню, управляемое посредством нажатия клавиши пробела, посмотрите файлы (Macintosh) и (Windows), хра нящиеся в каталоге Chapter 29 на прилагаемом компакт-диске. Исходный файл этого фильма находится в том же каталоге под именем Разработки Из материала данной главы вы узнали, что никаких особых трудностей при пуб ликации фильма на компакт-диск не существует, — задача, которая может пока заться сложной, на самом деле реально выполнима при наличии необходимых ресурсов. Ниже приведен список источников справочной информации, которая поможет вам при записи фильмов и другого содержимого на компакт-диски.

Данный Web-узел, в основном на пользователей операционной системы Macintosh, содержит множество по лезной информации, необходимой при записи компакт-дисков, совместимых как с Macintosh, так и Windows. Пользователи Windows, например, могут по знакомиться с приложением которое используется для создания универсальных компакт-дисков, совместимых с несколькими операционными системами.

www. Компания Roxio является производителем приложения Toast Titanium, работающего в среде Macintosh и являющегося средством для запи си универсальных компакт-дисков. Более полную информацию о приложе нии Toast 5 Titanium вы найдете в практикуме 8.

Приложение Nero, работающее в среде Windows, разработано для записи универсальных компакт-дисков. Его производителем является компания Ahead Software. Более подробно о приложении Nero будет расска зано в практикуме 8.

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

Резюме Резюме В данной главе раскрыты характеристики и возможности Flash, как программы для создания переносимых продуктов, распространяемых с помощью различных носителей, кроме Web. Вы узнали, как создавать автономные файлы формата Flash projector, которые являются исполняемыми файлами или приложениями, способными воспроизводить фильм без помощи дополнительного программного обеспечения. В этой главе также было рассказано об элементе языка Action Script — действии позволяющем создавать сценарии, обеспечивающие непосредственный обмен данными между фильмом и операционной системой.

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

Практикум Создание универсального компакт-диска Создаваемый компакт-диск называется универсальным, поскольку его содержи мое может быть прочитано как компьютерах Macintosh, так и на компьютерах с операционной системой Windows. Выражаясь техническим языком, этот диск содержит данные в формате HFS для системы Macintosh и данные в формате ISO 9660 для систем DOS/Windows. Структура универсального компакт-диска позволяет определить, какие из файлов будут доступны для каждой из систем.

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

В данном практикуме описывается процесс создания ком пакт-диска с использованием Roxio Toast 5 Titanium, недавно выпу щенного компанией Adaptec. Toast 5 выбрано из большого количе ства подобных программ, поскольку оно отличается простотой в и способностью различные операции, необходимые создании многоплатформенных компакт-дисков. В нашем практикуме самому приложе нию Toast 5 мы уделим не очень много внимания, а больше сосредоточимся на общих вопросах записи данных на компакт-диск. Поэтому приводимая инфор мация будет полезна и тем пользователям, которые используют другие приложе ния для записи данных на компакт-диски.

Приложение Toast 5 Titanium предназначено для работы только в среде операционной системы Macintosh. Пользователи системы Windows найдут необходимую информацию в разделе «Дополнительные сведения».

Для выполнения задания практикума необходимо создать два отдельных Flash фильма в виде файлов формата projector. Один из них предназначен для Macin tosh, а второй — для Windows. Если у вас нет собственных фильмов такого фор мата, воспользуйтесь файлами, хранящимися в каталоге Chapter 29 на прилагае мом компакт-диске. Для записи данных на компакт-диск ваш компьютер должен быть оборудован дисководом CD-R или CD-RW.

Подготовка файлов Прежде всего, необходимо запустить приложение Toast 5 Titanium. До начала за писи данных на компакт-диск поместим все рабочие файлы во ката лог на жестком диске компьютера.

Разбивкадиска Чтобы создать временный каталог на жестком диске, выполните следующие дей ствия.

1. Создайте временный каталог, выбрав в меню Utilities команду Create Temporary Partition (Создать временный раздел).

Появится одноименное диалоговое окно.

2. В поле Name введите имя, которое затем будет присвоено компакт-диску. В поле Size укажите размер временного катало га. Он должен быть достаточно боль шим, чтобы поместить все файлы, которые необходимо записать на ком пакт-диск. Нажмите ОК.

На рабочем столе появится значок toast, щелкнув на котором вы получите дос туп к созданному каталогу. Скопируйте все Macintosh-файлы в новый раздел и поместите их в таком порядке, как они должны располагаться на компакт-диске.

Кроме того, вы можете установить форму, размер и расположение окна, в кото ром будет открываться компакт-диск на рабочем столе.

Чтобы подготовить Windows-файлы, создайте на рабочем столе новый каталог с тем именем, которое вы хотите присвоить Windows-версии компакт-диска.

Скопируйте в этот каталог файл формата Windows projector или любые другие файлы, которые должны быть доступны при работе с Windows.

Первый этап завершен и теперь все готово для организации диска.

Разбивка диска Ваши файлы уже организованы в соответствующих каталогах и готовы для пере носа на компакт-диск. В окне Toast переместите указатель мыши на кнопку Other (Другой). Около указателя мыши появится значок контекстного меню, которое можно открыть, нажав и удерживая кнопку мыши или произведя щелчок при на жатой клавише Ctrl. В этом меню выберите пункт Custom Hybrid.

Рис. П8.1. Контекстное меню, открывающееся при нажатии кнопки Other • Практикум Диалоговое окно Custom Hybrid позволяет определить внешний вид окна загрузки компакт-диска и содержит две кнопки: одну для установки параметров Ma cintosh, а вторую для установки параметров ISO.

Чтобы установить параметры для Macintosh-раздела, выполните следующие действия.

1. Щелкните на кнопке Select Mac. Откроется диалоговое окно Volume. Вы берите раздел, в котором содержатся Macintosh-файлы.

2. Если вы хотите, чтобы исполняемый файл projector (или любой другой файл) запускался автоматически, установите флажок Autostart. В расположенном рядом поле укажите файл, который должен запускаться автоматически. Всю дальнейшую работу приложение Toast произведет самостоятельно.

щ a Рис. При установке флажка файл projector будет запущен автоматически 3. Щелкните на кнопке ОК и вернитесь в окно Toast. В разделе окна Toast бу дет отображаться общий размер данных.

Теперь перейдем к Windows-файлам.

Чтобы указать файлы, которые будут содержаться в Windows-разделе на ком пакт-диске, выполните следующие действия.

1. Щелкните на кнопке ISO. Откроется диалоговое окно ISO 9660.

2. С помощью мыши перетащите каталог, содержащий Windows-файлы, в раз дел вкладки Files. При этом появится значок диска и иерархическая структура Windows-файлов (рис. Если вы хотите добавить дополнительные фай лы, щелкните на кнопке Add (Добавить) и в открывшемся окне укажите необ ходимые файлы.

Одним из преимуществ универсального компакт-диска является возможность записи совместно-используемых файлов (файлов, используемых Windows и Macintosh-разде лами). Сначала скопируйте такие файлы в Macintosh-раздел. Затем с помощью мыши перетащите их оттуда на вкладку Files окна ISO 9660. Данные файлы будут отмечены го лубым цветом, что означает их совместное использование двумя разделами ком пакт-диска.

Разбивка диска ••• Рис. П8.3. Файлы, для копирования в Windows-раздел универсального компакт-диска 3. Перейдите на вкладку Settings (Установки). Откройте меню Naming и выбери те пункт (MS-DOS+Windows). Данная установка позволит вам использо вать длинные имена файлов (а также имена, содержащие пробелы) в Win dows-разделе на компакт-диске.

4. Не Для автоматического запуска файла в среде Windows необ ходимо создать небольшой файл с именем Данный файл содержит инструкцию компьютеру по запуску приложения сразу после чтения содержи мого компакт-диска. Для создания такого файла подойдет любой текстовый редактор (например, BBEdit, Notepad). Данный файл должен содержать сле дующие строки:

Имя flashProjector.exe замените именем вашего файла, который будет авто матически запускаться после распознавания компакт-диска. Если вы хотите, чтобы и сам диск имел графический значок, укажите во второй строке имя графического файла. Не забудьте поместить указанный файл на компакт диск. После ввода строк-операторов сохраните файл и поместите его в раздел к остальным Windows-файлам.

5. При использовании файла autorun.inf необходимо выполнить еще один шаг.

Перейдите на вкладку Layout (Размещение), выберите файл autorun.inf и щелкните на кнопке Move To Тор (Переместить наверх). Данный файл будет помещен в списке файлов первым, что облегчит его поиск при считывании содержимого диска.

6. Для возврата к окну Toast щелкните кнопке Done (Выполнено). Теперь в разделе ISO окна Toast будет отображаться общий размер данных Windows раздела.

На этом подготовка завершена.

614 • Запись данных и проверка компакт-диска На данном этапе все файлы собраны, определена структура диска, и приложение готово начинать запись данных.

Чтобы записать данные на компакт-диск, выполните следующие действия.

1. Убедитесь в наличии записываемого диска в дисководе CD-R или CD-RW.

Щелкните на кнопке Record (Запись).

2. После небольшой паузы появится диало говое окно Record. В раскрывающемся спи ске Speed выберите оптимальную скорость для вашего записывающего устройства. Ес ли вы хотите произвести тестирование но сителя на возможность установите флажок Simulation Mode. Для записи щелк ните на кнопке Write Disc.

3. После записи появится диалоговое окно с вопросом, желаете ли вы проверить диск. данной операции рекомендуется, причем занимает оно совсем немного времени. Завершив проверку, извлеките запи санный диск из дисковода.

Тестирование диска — это важная часть процесса создания компакт-диска. Наилучшим способом проверки является запуск диска на различных компьютерах. При тестирова нии обратите внимание на то, как работает диск: все ли его свойства функционируют, нет ли медленно работающих приложений.

Дополнительные сведения Теперь вы знаете, как создавать универсальный компакт-диск, который можно использовать в качестве носителя для распространения Flash-фильмов. В преды дущих разделах были раскрыты только основные вопросы, связанные с этим Далее представлена дополнительная информация, которая может ока заться полезной при создании содержимого и данных на компакт-диск.

Пользователи операционной системы Windows для записи компакт-дисков могут применять приложение Nero, выпускаемое Ahead Software com). Это приложение способно работать в среде Windows 95, 98, Me, NT 4, 2000 и ХР. Кроме того, с его помощью записываются компакт-диски различных форматов, включая универсальный ISO/HFS. Для создания компакт-диска с помощью приложения Nero ваш компьютер должен быть осна щен жестким диском SCSI, содержащим раздел HFS с файлами Macintosh, кото рые будут перенесены на компакт-диск. Более полную информацию о возможно стях приложения Nero и требованиях к записывающим устройствам CD-R/ CD-RW можно получить, посетив Web-узел компании Ahead Software.

Многосеансовая — это способ записи на компакт-диск за несколько сеан сов, используемый для создания универсальных компакт-дисков. В таком режиме, Дополнительные сведения когда за один сеанс работы для записи данных используется только определен ная часть диска, может работать большинство записывающих приложений, включая Toast. Оставшееся пространство диска может быть использовано в по следующих сеансах, то есть во время одного сеанса вы можете записать данные для системы Windows, а во время второго — для Macintosh.

Расширенные компакт-диски — это компакт-диски, содержащие как данные, так и звуковую информацию для цифровых Такой диск можно создавать как универсальный: в одном используя часть диска, записать зву ковые данные, а в следующем на оставшейся части записать универсальные данные (Flash-фильмы, HTML-документы и т. д.). Проигрыватели музыкальных компакт дисков не могут несколько разделов, поэтому им доступен только пер вый фрагмент информации на диске, то есть музыкальные данные. Но на компью тере будут доступны все данные, содержащиеся на диске. Эту технику используют музыканты, артисты и художники, работающие с мультимедиа, поскольку им необ ходимо на одном носителе распространять информацию различного типа.

Чтобы на компьютере пользователя компакт-диск запустился автоматически, вы должны активизировать флажок Autostart (Macintosh) и (Windows).

Многие пользователи по разным причинам отключают данную функцию. Поэто му, если на компьютере пользователя отсутствует автоматический запуск лов, рекомендуем добавить файл на компакт-диск с инструкцией по запуску фильма формата projector.

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

Приложение А. Создание дополнительных элементов Приложение Б. Справочник по языку ActionScript Приложение А Создание дополнительных элементов Изучать Flash можно по-разному. Вы можете овладеть теорией, чтобы использо вать полученные навыки для создания собственных продуктов. Другой способ изучения Flash состоит в том, чтобы научиться создавать какие-то элементы, а в процессе этого освоить все теоретические знания. Для кого-то предпочтитель нее первый способ, а для кого-то — второй. Поэтому мы постарались охватить их оба, помогая вам узнать как теорию, так и технику создания отдельных элемен тов. Однако, как вы, наверное, уже убедились, Flash обладает разнооб разными возможностями, что некоторые из них тематически не ни к одной из глав. Не беспокойтесь, мы позаботимся, чтобы вы узнали и о них.

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

создание навигационных элементов управления;

использование анимации для отображения процесса загрузки;

использование массива для создания приветствия.

Создание навигационных элементов управления Будет ли дизайн любого интерактивного приложения удачным (независимо от того, каким образом и для каких целей оно создано), зависит от системы навига ции в нем. В данном случае речь идет не только о кнопках — система навигации определяется не только тем, как пользователь может перемещаться по Web-узлу, но и тем, как представлено содержимое этого узла. Поэтому эффективная систе ма навигации может иметь различные формы.

Для чего нужна эффективная (а иногда и новаторская) навигационная система?

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

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

Создание навигационных элементов 4 Создание раскрывающегося меню Часто применение раскрывающегося меню позволяет удобно разместить не сколько элементов меню под одной кнопкой. Обычно такое меню работает сле дующим образом. Когда пользователь помещает указатель мыши на основную кнопку, возникает целый набор дополнительных кнопок (обычно расположен ных вертикально). Теперь указатель мыши можно перевести на любую из поя вившихся кнопок (мы так и будем именовать их — дополнительные кнопки) и щелкнуть на ней. Если указатель мыши убрать с дополнительных кнопок, они исчезнут и останется только основная кнопка меню.

Пример раскрывающегося меню содержится в каталоге А на ком (Он приведен в двух форматах: SWF и FLA.) Создание визуальных элементов Создавать раскрывающиеся меню довольно легко. Для этого нужно создать клип, несколько кнопок и элементарный сценарий 1. Поскольку меню является самостоятельным клипом (символом тина Movie Clip), сначала необходимо создать этот клип. Выберите команду New Symbol меню Insert, установите переключатель типа символа в положение Movie Clip, укажите имя menu (меню) в поле Name и щелкните на кнопке ОК. Вернитесь к главной временной шкале.

2. Теперь приступим к созданию кнопки главного меню — назовем ее основная кнопка. Выберите команду New Symbol меню Insert, установите переключатель типа символа в положение Button, в поле Name введите имя primary menu button (основная кнопка меню) и щелкните на кнопке ОК.

3. Оказавшись в режиме редактирования символа, создайте ка кую-нибудь кнопку меню. Для примера мы выбрали самую простую прямоугольную кнопку. После создания кнопки вернитесь к главной временной шкале.

4. Теперь можно приступать к созданию дополнительных кнопок. Выберите ко манду New Symbol меню Insert, установите переключатель типа символа в по ложение Button, введите имя secondary menu button (дополнительная кнопка меню) в поле Name и щелкните на кнопке ОК.

5. В режиме редактирования символов создайте первую кнопку (кнопки будут располагаться вертикально).

6. Процесс, в пунктах следует повторять до тех пор, пока вы не получите необходимое количество кнопок. Помните, что при создании каждой кнопки ей должно быть присвоено уникальное имя.

Соединение визуальных элементов Создав основную и дополнительные кнопки, вам необходимо их вместе.

1. В окне библиотеки дважды щелкните на значке клипа menu, созданного вами в самом начале (до сих пор он оставался невостребованным). В первый клю чевой кадр единственного слоя (который следует переименовать в primary menu button) поместите основную кнопку.

620 Приложение А. Создание дополнительных элементов 2. Выберите второй кадр слоя primary menu button и вставьте в него новый кадр, выбрав команду Frame в меню Insert.

3. Добавьте новый слой и назовите его secondary button 1.

4. Выбрав команду Keyframe меню Insert, поместите ключевой кадр во второй кадр слоя secondary button 1.

5. Выберите только что созданный ключевой кадр и вставьте в него символ secondary button. Убедитесь, что левый край дополнительной кнопки прилега ет к правому краю основной кнопки, находящейся в слое primary menu button.

На рисунке показано, как должна вы глядеть дополнительная кнопка по от ношению к основной.

6. Добавьте новый слой, назвав его secondary button 2, выберите второй кадр и поместите в него ключевой кадр.

7. Поместите символ следующей созданной вами дополнительной кнопки во второй ключевой кадр слоя secondary button 2. Убедитесь, что верхний край этой дополнительной кнопки прилегает к нижнему краю первой дополни тельной кнопки, но не перекрывает его.

8. Продолжайте добавлять дополнительные слои, помещая изображения допол нительных кнопок во второй ключевой кадр.

9. Выполнив все эти действия, вы должны по лучить следующее изображение.

Создание сценария ActionScript Связав воедино все визуальные элементы, приступайте к созданию сценария, ко торый будет управлять работой вашего меню.

1. Выберите основную кнопку и откройте панель Actions (Window Actions).

Создание сценария ActionScript в соответствии с этой инструкцией выполняется в ре жиме Normal. Чтобы создать сценарий вручную, вам придется работать в режиме Expert.

2. Добавьте действие О (находящееся в подкатегории Movie Control). Затем активизируйте флажок Roll Over в секции Event (убедитесь, что не выбраны другие флажки). Для этого должна быть открыта область отображения пара метров, а в области отображения сценария выбрана строка, содержащая обра ботчик события сценария.

3. Затем выберите рабочую строку сценария, убедитесь, что в раскрывающемся списке Туре выбран пункт Frame Number (Номер кадра), введите значение в поле Frame и удостоверьтесь, что установлен переключатель Go to and Play.

Таким образом вы переместите головку воспроизведения в кадр 2, благодаря чему при помещении указателя мыши на основную кнопку меню на экране будут появляться дополнительные кнопки.

Создание навигационных управления 4 4. Если вы на данном этапе протестируете клип, то увидите, что выполняется цикл, во время которого дополнительные кнопки быстро появляются и исче зают при переходе головки воспроизведения от кадра 1 к кадру 2 и затем об ратно к кадру 1. Вам необходимо «заставить» клип остановиться на кадре 1 и подождать, пока пользователь поместит указатель мыши на основную кнопку меню (действие которой переведет головку воспроизведения в кадр 2, вызвав появление дополнительных кнопок меню). Этого можно добиться при помо щи действия Следовательно, вам необходимо создать в клипе новый слой и назвать его actions (действия).

5. Выберите первый пустой ключевой кадр слоя actions и откройте панель Actions (Window Actions).

6. Добавьте действие находящееся в подкатегории Movie Control категории Actions.

7. То же самое необходимо проделать с кадром 2, чтобы головка воспроизведе ния не возвращалась автоматически к кадру 1. Для этого выберите второй кадр слоя actions и вызовите команду Keyframe меню Insert.

8. Откройте панель Actions (Window Actions) и добавьте действие из подка тегории Movie Control.

9. Теперь пора создать механизм, который будет убирать с экрана дополнитель ные кнопки меню, как только пользователь переместит с них указатель мыши. Для этого следует создать невидимую прямоугольную кнопку, разме ры которой будут слегка превышать размеры всего меню (когда видимы все его дополнительные кнопки). Этой кнопке будет назначено действие для перемещения головки воспроизведения обратно к кадру 1. Благодаря это му будет создаваться впечатление, что дополнительные кнопки исчезают.

Кнопка будет находиться под меню и активизироваться тогда, когда пользо ватель убирает указатель мыши с дополнительных кнопок. Для создания этой невидимой кнопки вызовите команду New Symbol меню Insert, установите пе реключатель типа символа в положение Button, укажите имя button кнопка) в поле Name, нажмите кнопку (и перейдите тем самым в режим редактирования символа).

10. Выберите кадр Hit, вставьте ключевой кадр и создайте прямоугольник, кото рый по ширине и высоте будет превышать на 25 пикселов размеры меню.

Поскольку эта кнопка будет невидимой, не имеет значения, какой цвет вы будете ис пользовать при ее создании.

11. Вернитесь к временной шкале клипа menu. Добавьте новый слой и назовите его button. Щелкните на этом слое и перетащите его, чтобы он ока зался под всеми существующими слоями.

12. Выберите кадр 2 слоя button и поместите в него ключевой кадр.

622 Приложение А. Создание дополнительных элементов 13. Пока только что созданный ключевой кадр остается выбранным, щелкните на символа invisible button и пере тащите его из окна библиотеки на об ласть действия. Расположите его так, I чтобы он находился под меню. Сцена должна иметь примерно следующий вид.

14. Теперь нам нужен сценарий ActionScript, с помощью которого головка вос перейдет к кадру 1 (симулируя исчезновение дополни тельных кнопок меню), как только пользователь уберет указатель мыши с до полнительных кнопок. Для этого сначала выберите невидимую кнопку, а затем откройте панель Actions (Window Actions).

15. Добавьте действие Затем в разделе Event области отображения пара метров активизируйте флажок Roll Over (убедитесь, что другие флажки не вы браны). При этом в области отображения сценария должна быть выбрана строка, содержащая обработчик события.

16. Затем в раскрывающемся списке Туре выберите пункт Frame Number (Номер кадра), введите 1 в поле Frame и удостоверьтесь, что установлен переключа тель Go to and Play.

Поздравляем! Вы создали простое раскрывающееся меню. Вернитесь к основной временной шкале и перетащите клип menu на область действия. Чтобы посмот реть на работу меню, выберите команду Test Movie Control.

Создание перемещаемого всплывающего окна При разработке Web-узлов, написанных на языке HTML, можно создавать вплы вающие окна при помощи Dynamic HTML (DHTML). При этом вы можете са мостоятельно устанавливать размер таких окон. С их помощью очень удобно обеспечивать пользователя информацией, которую необходимо разместить на небольшой площади.

Во Flash подобные можно использовать, создавая клипы, содержащие окна, которые будут появляться при щелчке мышью на кнопках (или других элемен тах) и положение которых можно будет изменять при помощи щелчка и после дующего перетаскивания мышью. Суть в том, что, в отличие от HTML, где поло жение окна фиксируется браузером, его аналог во Flash представляет собой перемещаемое всплывающее окно, положение которого вы можете определять самостоятельно.

Из следующих разделов вы узнаете, как создавать такие окна.

ПРИЛОЖЕНИЕ клип является частью Flash-фильма, пользователи не смогут переместить мышью содержащееся в нем окно за пределы окна отображения SWF-файла.

Пример перемещаемого всплывающего окна в двух форматах, и FLA, содержится в каталоге APPENDIX А на прилагаемом компакт-диске.

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

1. Выберите команду New Symbol меню Insert. Когда появится диалоговое окно Create New Symbol, убедитесь, что переключатель типа символов установлен в положение Button, укажите имя button (кнопка перемещения) в поле Name и щелкните на кнопке ОК.

2. В режиме редактирования символа создайте простую пря моугольную кнопку следующего вида. После чего верни тесь к главной временной шкале.

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

3. Теперь, когда есть нужная кнопка, пора приступить к созданию самого окна.

Выберите команду New Symbol меню Insert. Когда диалоговое окно Create New Symbol, установите переключатель типа символов в положение Movie Clip, введите имя pop-up (всплывающее окно) в поле Name и щелк ните на кнопке ОК.

4. В режиме редактирования символов единственный существую щий слой созданного клипа в Выберите первый кадр (который автома тически становится ключевым кадром) слоя и создайте прямоуголь ник, который будет служить окном.

5. Добавьте второй слой и назовите его actions.

6. Выберите первый ключевой кадр слоя actions, откройте панель Actions (Win dow Actions) и добавьте действие из подкатегории Movie Control.

7. Добавьте новый слой и назовите его drag button.

8. Выберите первый ключевой кадр слоя button, переместите символ drug button из окна библиотеки на область действия. Расположите изображение кнопки так, чтобы оно находилось вне прямоугольника у его правого верхнего угла. На данном этапе клип (содержащий всплывающее окно и кнопку) должен вы глядеть примерно следую щим образом.

' ' • 624 4 Приложение А. Создание дополнительных элементов СОВЕТ Вы можете самостоятельно куда поместить кнопку по отношению к всплываю щему окну. Однако что она должна быть как можно ближе к окну, чтобы ассо циироваться с ним у пользователя.

9. Теперь следует дополнить объект Button сценарием ActionScript, который по зволит пользователю перемещать всплывающее окно по экрану после щелчка на кнопке перемещения. Сначала выберите эту кнопку. Затем откройте па нель Actions, выбрав команду Actions меню Window.

10. В режиме Normal или Expert (решать вам) свяжите с кнопкой следующий сце нарий:

on { } on { Если вы вводите сценарий в режиме Normal, действия и stopDragO находятся в подкатегории Movie Clip Control категории Actions.

Теперь у вас есть кнопка, щелкнув на которой, посетитель сможет переме щать и ее, и само окно. Приступим к созданию кнопки, которая будет закры вать всплывающее окно. Для этого выберите команду New Symbol меню Insert.

Когда появится диалоговое окно Create New Symbol, установите переключатель типа символов в положение Button, введите имя close button (закрывающая кнопка) в поле Name и щелкните на кнопке ОК.

12. В режиме редактирования символов создайте кнопку, закрывающую всплы вающее окно.

13. Вернитесь к временной шкале клипа создайте новый слой с име нем button, выберите первый ключевой кадр нового слоя и перетащите символ close button из окна библиотеки на область дейст вия. Поместите закрывающую кнопку в окне там, где посчи таете нужным. На данном эта пе клип pop-up window будет выглядеть примерно так.

СОВЕТ Как и в случае с кнопкой перемещения, вы можете по собственному усмотрению раз местить закрывающую кнопку по отношению к всплывающему окну. Однако помните, что кнопка должна быть в окне, чтобы ассоциироваться с ним у пользователя.

Создание навигационных элементов управления 14. Теперь к закрывающей кнопке мы добавим сценарий ActionScript. Сначала выберите названную кнопку, а затем команду Actions меню Window.

15. На открывшейся панели Actions в режиме Normal или Expert введите следую щий сценарий:

on { ПРИМЕЧАНИЕ Свойству _visible можно также присвоить значение 0 (вместо false).

По сути, при щелчке пользователем на закрывающей кнопке свойству _v1 клипа pop-up window присваивается значение false, в результате чего клип становится невидимым.

Интеграция окна в фильм Созданный клип со всплывающим окном необходимо связать с основной вре менной шкалой фильма. Для этого понадобится кнопка (связанная с небольшим сценарием ActionScript), после щелчка на которой будет появляться всплываю щее окно. Вам также придется связать сценарий с первым ключевым кадром ос новной временной шкалы. Этот сценарий будет делать всплывающее окно изна чально невидимым. Ведь не может же оно быть на экране еще до того, как пользователь щелкнет мышью на кнопке?

Для интеграции окна в основную временную шкалу вам необходимо выполнить следующие шаги.

1. Перейдите к основной временной шкале. Существующий первый слой пере именуйте в слой actions и поместите действие stop О в его первый ключевой кадр.

2. Выберите команду New Symbol меню Insert. Когда появится диалоговое окно Create New Symbol, установите переключатель типа символов в положение Button, укажите имя open button (кнопка открытия) в поле Name и щелкните на кнопке ОК.

3. В режиме редактирования символов создайте кнопку, при щелчке на которой будет появляться всплывающее окно.

4. Закончив, вернитесь к основной временной шкале. Создайте новый слой с именем open button. Перетащите символ open button из окна библиотеки на область действия, при этом должен быть выбран первый ключевой кадр толь ко что созданного слоя.

5. Разместив открывающую кнопку по своему усмотрению, свяжите с ней сце нарий, который будет вызывать появление всплывающего окна на экране.

Для этого выберите эту кнопку и вызовите команду Actions меню Window.

626 Приложение А. Создание дополнительных элементов 6. В открывшейся панели Actions введите следующий сценарий (в режиме Normal или Expert):

on (release) { СВОЙСТВУ _visible можно присвоить значение 1 вместо true.

При щелчке пользователя на открывающей кнопке свойству при сваивается значение true, в результате чего всплывающее окно становится видимым.

7. Теперь необходимо добиться того, чтобы всплывающее окно было невидимо в начале воспроизведения фильма. Для этого в первый ключевой кадр основ ной временной шкалы нужно добавить простой сценарий. Сначала в слое actions выберите первый ключевой кадр и вызовите команду Actions меню Window.

8. панели Actions введите следующий сценарий перед уже вами действием - false 9. Когда головка воспроизведения попадает в первый кадр, свойству присваивается значение в результате чего всплывающее окно ся невидимым. После щелчка пользователем на открывающей оно бу дет открыто.

10. Создайте новый слой и назовите его pop-up window.

11. В слое pop-up window выберите первый ключевой кадр и перетащите символ из окна библиотеки на область действия.

12. Мы подошли к самому важному моменту. Символу window требуется присвоить имя его экземпляра. Для этого выберите клип в области действия и откройте панель Properties, выбрав команду Properties меню Window. Введите имя window в поле Instance Name.

Вот вы и создали перемещаемое всплывающее окно. Чтобы посмотреть на его ра боту, выберите команду Test Movie Открытие локального HTML-файла с компакт-диска Flash Одно из величайших достоинств Flash заключается в том, что программа позво ляет создавать проекты, работающие как на компьютерах под управлением Windows, так и на компьютерах Macintosh. Это позволяет распространять Flash-фильмы на универсальных компакт-дисках, благодаря чему сфера их рас пространения значительно увеличивается. Компакт-диски могут хранить много файлов и позволяют избежать проблем со скоростью подключения и установки связи, характерных для распространения Flash-фильмов через Web.

Создание навигационных элементов управления 4 Работая во Flash с фильмом, находящимся на компакт-диске, вы поймете, что процесс работы с таким фильмом похож на работу с продукцией, предназначен ной для Интернета, за исключением нескольких небольших отличий. С одним из них вы столкнетесь, попытавшись получить доступ к HTML-файлу, хранящему ся на компакт-диске. Если во Flash-фильме есть содержимое, которое следует просматривать в Web-браузере, вам необходимо указать для него URL. В случае, когда Flash-фильм находится на компакт-диске, возникает проблема, потому что Flash приспособлен устанавливать доступ к файлу в Web-среде, а не на локаль ном компьютере. Действие отлично срабатывает в Web-среде, но не с ло кальными файлами на компакт диске. Если вы уже пытались по си server лучить доступ к такому файлу, то вам наверняка знакомо возникаю щее при этом сообщение об ошибке.

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

Пользователи могут давать своим жестким дискам различные имена. Одно из ре шений проблемы заключается в том, чтобы четко указать путь к файлу, как пока зано ниже.

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

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

Определение полного пути Для получения полного пути к файлам необходимо добавить соответствующую функцию.

1. Создайте новый фильм (File New). Сохраните созданный файл под именем Щелкните на пустом ключевом кадре слоя Layer 1 и вызовите команду Actions меню Window. На панели Actions введите следующее выражение:

trace( 628 Приложение А. Создание дополнительных элементов Выберите команду Test Movie меню Control. В окне Output появится строка это и есть полный путь к файлу Свойство возвращает пол ный путь к SWF-файлу как строку. Обратите внимание на то, что выражение записано в конце строки, содержащей URL. Поскольку — это имя самого файла, выражение перед ним и является пол ным путем к файлу.

Последовательность символов в URL является эквивалентом знака подчеркивания (_). Дополнительную информацию о работе с закодированными аналогичным образом строками можно получить, обратившись к функциям escape() и unescape() на панели References Flash MX.

2. URL для фильма извлечен, и у вас есть, с чем работать. Получив доступ к фильму, вы должны найти все связанные с ним файлы.

Возвратитесь к панели Actions, на которой уже содержится действие удалите его и введите следующее выражение:

function var var return path;

} Эта функция возвращает полный путь к папке, в которой находится файл Рассмотрим используемый для этого сценарий подробнее.

> В первой строке объявляется функция Этой функции не тре буются аргументы, поэтому скобки после нее остаются пустыми.

> В следующей строке кода инициализируется переменная Метод сохраняет номер позиции последнего символа (/) в URL фильма.

> В третьей строке инициализируется переменная path. С помощью метода создается новая строка на основе URL фильма. Эта строка включает начало URL, позиция 0, и заканчивается позицией, в которой символ (/) встречается в последний раз, номер которой увеличен на 1. Вы ражение гарантирует, что последний символ (/) будет включен в создаваемую строку. В противном случае URL фильма был бы записан неправильно.

> Оператор return в четвертой строке кода позволяет функции передать строку, содержащуюся в переменной path, другим частям фильма.

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

Создание навигационных управления 4 Запуск внешнего HTML-файла Изучение этого раздела требует предварительной подготовки. Для начала на прилагаемом компакт-диске откройте каталог APPENDIX А и скопируйте файл в каталог, в котором находится файл Вме сто того чтобы копировать файл, вы, при желании, можете создать собственный HTML-документ. Кроме того, вам понадобится кнопка. Вы можете создать ее та кой, какой захотите. После завершения указанных действий можно перейти не посредственно к выполнению инструкции запуска.

Перетащите кнопку запуска на область действия. Выберите ее и вызовите ко манду Actions меню Window. В открывшейся панели Actions введите следующее выражение:

var } В этом выражении вызывается функция и с помощью действия запускается HTML-файл. В переменной сохраняется значение, возвращаемое функцией — полный путь к фильму. Поскольку функция была создана во временной шкале основного фильма, в выражении присутствует ссылка _root, благодаря которой обращение к функции стано вится корректным. Затем действие запускает HTML-файл, дополняя путь к файлу (сохраненный в переменной именем файла. В качестве ар гументов действия могут быть использованы строки. Поскольку в переменной 1 уже содержится строка, возвращаемая функцией moviePathO, она легко дополняется именем HTML-файла, образуя путь к нужному файлу.

2. Сохраните фильм и выберите команду Test Movie меню Control. После щелчка на кнопке запуска HTML-файл откроется в окне браузера, установленного на вашем компьютере.

3. Такой способ запуска файла является очень гибким. Чтобы подтвердить это, проведем следующий эксперимент. Закройте приложение Flash и перейдите к каталогу, в котором сохранены ваш фильм и HTML-файл. Скопируйте или переместите файлы и LOADEXTERNAL.HTML в другой каталог. От кройте SWF-файл, щелкните на кнопке и посмотрите, что произойдет. По скольку написанный вами сценарий динамически определит полный путь к фильму, последний может находиться в любом месте. При помощи свойства всегда можно установить местонахождение фильма. Можно убрать имя файла из URL и использовать полные пути для получения доступа к файлам поддержки, другим фильмам и т. д.

Важно помнить, что функция обращается к каталогу, в котором находится ос новной фильм, а указать нужный файл вы можете сами. Например, если ваш фильм находится в корневом каталоге компакт-диска, а HTML-файл — в катало ге нужно немного изменить сценарий. Теперь он будет содержать сле дующее выражение.

630 Приложение А. Создание дополнительных элементов Поскольку расположение файлов на компакт-диске не может измениться, подоб ное «программирование» пути вполне безопасно. Правильно указав путь к фай лу в сценарии, вы всегда сможете получить к нему доступ.

касалась загрузки внешнего HTML-файла. Однако Flash поддерживает различные внешние носители. Теперь вы можете загру зить графические файлы JPEG и звуковые МРЗ из внешнего источника непо средственно во Flash-фильмы. Воспользуйтесь описанной в этом разделе техно логией, чтобы в вашем фильме всегда можно было местонахождение внешних файлов. Например:

var В данном случае вызывается Возвращаемое ею значение сохраняется в переменной photo. Путь к файлу в его окончательном виде переда ется в действие которое импортирует файлы из каталога ges и загружает их в экземпляр клипа Дополнительную информацию о за грузке изображения в формате JPEG из внешнего источника можно получить в главе 17;

о загрузке внешних файлов МРЗ рассказывается в главе 22.

Анимации, используемые для отображения процесса загрузки С увеличением сложности самой программы Flash изменились и создаваемые в пей файлы. Теперь для их загрузки уже требуется определенное время. Вследст вие этого широкое применение получили анимационные используе мые для отображения процесса загрузки. В сущности, это небольшая анимация, которая пока загружается сам фильм, и развлекает зрителей.

В противном случае им пришлось бы смотреть на пустой экран в окне браузера и гадать, не вышел ли из строя компьютер. По окончании процесса загрузки демон страция анимации прекращается и начинается воспроизведение фильма.

Существуют два вида анимации, используемой для отображения процесса за грузки: простая и сложная. Простая это анимация (возможно, повторяющаяся несколько раз) без указания на то, какая часть фильма уже загружена. Сложная не только воспроизводит повторяющуюся анимацию, но и отображает информа цию о степени загрузки самого фильма в виде индикатора загрузки.

Создание простой анимации для отображения процесса загрузки Самым простым способом занять вашу аудиторию во время загрузки фильма яв ляется применение простой повторяющейся анимации.

СОВЕТ Поскольку анимация воспроизводится, пока загружается основной фильм, она сама должна быть небольшой по размеру (имеется в виду размер файла) и загружаться мгновенно. В противном случае аудитории придется ждать, пока загрузится сама ани мация, а это делает ее применение бессмысленным.

Анимации, используемые для отображения процесса загрузки На прилагаемом компакт-диске в каталоге APPENDIX А есть пример простой анимации, предназначенной для отображения процесса загрузки (в фор мате SWF и FLA).

Процесс создания простой анимации для отображения процесса загрузки вклю чает использование клипа и сценария ActionScript.

1. Для начала убедитесь, что фильм, к которому вы хотите добавить анимацию, открыт.

2. Откройте панель Scene, выбрав команду Scene Windows. (Для удобства предположим, что весь фильм состоит из одной сцены.) 3. Переименуем существующую сцену в movie (главный фильм).

4. Перед тем как продолжить, выберите последний кадр главного фильма, от кройте панель Properties (Window Properties) и введите метку final в поле Label.

Скоро вам станет ясно, зачем это нужно.

5. Добавьте вторую сцену (щелкнув на кнопке Add Scene), назовите ее Убедитесь, что на панели Scene сцена preloader находится над сценой movie.

6. Выберите сцену 7. Выберите единственный существующий слой (Layer 1) и переименуйте его в actions.

8. В слое actions выберите кадр 5 и вставьте ключевой кадр посредством коман ды Keyframe меню Insert.

9. Откройте панель Properties (Window Properties). При этом должен быть выбран вновь созданный ключевой кадр.

10. В поле Label введите метку check (проверка).

11. Выберите кадр 10 слоя actions и поместите в него другой ключевой кадр.

12. На панели Properties добавьте метку loop (цикл) в только что созданный клю чевой кадр.

13. Выберите кадр 5 (с меткой check) и откройте панель Actions (Window Actions).

14. Убедитесь, что вы находитесь в режиме Expert (чтобы перейти в этот режим, выберите команду Expert Mode в меню Options панели Actions). В текстовом поле ActionScript введите следующий сценарий.

if { else { movie", 1);

} Этот сценарий будет проверять количество загруженных кадров, сравнивая его с общим количеством кадров в фильме. Если число загруженных кадров в момент выполнения сценария меньше общего количества кадров в фильме, головка воспроизведения возвращается к кадру с меткой Как только число загруженных кадров окажется равным общему количеству кадров в фильме, головка воспроизведения перейдет к кадру 1 сцены main movie.

632 4 Приложение А. Создание дополнительных элементов 15. Теперь необходимо вставить в фильм сценарий, который обеспечит повтор ную проверку состояния загрузки фильма (после первоначальной проверки).

Сначала выберите кадр 10 (с меткой loop).

16. Откройте панель Actions, добавьте в область отображения сценария действие О из подкатегории Movie Control.

17. На области отображения параметров в раскрывающемся списке Scene выбе рите пункт , в раскрывающемся списке Туре выберите пункт Frame Number, в поле Frame введите 1 и убедитесь, что установлен переключа тель Go to and Play. Таким образом, головка воспроизведения автоматически перемещается к первому кадру. От этого кадра головка перейдет к кадру 5 и повторно выполнится сценарий, проверяющий загрузку всех кадров.

18. После ввода сценариев, необходимых для проверки загрузки главного филь ма, вам следует создать ту повторяющуюся анимацию, которая будет развле кать аудиторию во время загрузки.

19. Создайте клип с простой анимацией. Например, можно создать попеременно увеличивающееся и уменьшающееся слово Единственное существен ное ограничение в данном случае относится к размеру самого файла клипа, который должен быть небольшим, чтобы его можно было загружать и начи нать воспроизведение практически мгновенно.

СОВЕТ Создайте анимацию таким образом, чтобы она воспроизводилась плавно (то есть чтобы не происходило резких изменений по достижении последнего кадра и переходе обрат но к первому).

20. Возвратитесь к сцене 21. Создайте новый слой и назовите его animation.

22. Щелкните на слое animation и перетащите его под слой actions.

23. При выбранном первом ключевом кадре слоя щелкните на значке вашего клипа, содержащего анимацию, и перетащите его из окна биб лиотеки на область действия. Здесь вы можете поместить его, куда захотите.

24. И наконец, последнее. Вам необходимо поместить действие О в послед ний ключевой кадр сцены main movie, чтобы по окончании фильма головка воспроизведения не возвращалась к кадру 1 в первой сцене (то есть сцене Для этого переключитесь на сцену main movie, добавьте новый слой и назовите его actions.

25. В только что созданном слое выберите первый ключевой кадр, откройте па нель Actions (Window Actions), добавьте действие из подкатегории Movie Control в область отображения сценария.

Итак, вы только что создали простую анимацию, используемую для отображе ния процесса загрузки. Анимационный клип будет повторяться, пока идет про верка (и, если необходимо, перепроверка) состояния загрузки сцены movie.

Анимации, используемые для отображения процесса загрузки 4 Поскольку вы запускаете весь фильм с жесткого диска, сцена main movie у вас загрузит ся практически мгновенно и анимация отображения процесса загрузки едва ли будет воспроизводиться. Если вы хотите посмотреть на ее работу, запустите свой фильм, вы брав команду Test Movie меню Control, а затем выберите команду Bandwidth Profiler меню View. Выберите также команду Show Streaming меню View. Помните, что при тес тировании фильма вы можете выбрать в меню Debug скорость имитируемого модемно го соединения.

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

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

На прилагаемом компакт-диске в каталоге APPENDIX А есть пример сложной анимации для отображения процесса загрузки (в формате SWF и FLA).

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

Следуя этой инструкции, вы научитесь применять очень полезные методы и при помощи которых определяется, какая часть фильма загрузилась, и ведется управление анимацией индикатора загрузки.

1. Открыв фильм, в который вы хотите ввести сложную анимацию, создайте но вую сцену (перед самим фильмом) и назовите ее preloader.

2. Создайте новый клип и назовите его Для этого выберите коман ду New Symbol меню Insert, установите переключатель типа символа в положе ние Movie Clip, введите указанное имя в поле Name и щелкните на кнопке ОК.

3. В режиме редактирования символа нарисуйте горизонтальный прямоуголь ник, залитый каким-то цветом (по вашему выбору). По сути, этот прямо угольник и является индикатором загрузки. Поэтому вам лучше сделать его длинным (скажем, длиной 5 см или 2 дюйма) и тонким. После чего возврати тесь к главной временной шкале.

Не группируйте обводку и заливку прямоугольника.

634 Приложение А. Создание дополнительных элементов 4. Откройте окно библиотеки (Window Library), выберите клип preloader bar и создайте его копию, выбрав команду Duplicate меню Options.

5. В открывшемся окне Duplicate Symbol введите имя bar ine в поле Name и щелкните на кнопке ОК.

6. Откройте клип либо дважды щелкнув на его значке мы шью в окне библиотеки, либо выбрав его в меню Edit Symbols, расположенном на строке Scene and Symbol.

7. Выберите заливку прямоугольника и удалите ее. Теперь перед вами пустой контур.

8. Вернитесь назад к клипу preloader bar. Измените имя слоя, содержащего изо бражение горизонтального прямоугольника, на Затем добавьте ключевой кадр в кадр 2.

9. Добавьте новый слой и назовите его actions.

10. Выбрав первый ключевой кадр слоя в режиме Expert добавьте следую щий сценарий:

setProperty (this, Этот сценарий определяет степень загрузки фильма в процентах (для этого общее количество байтов фильма делится на количество уже загруженных байтов).

12. Переключитесь назад на главную временную шкалу. Переименуйте сущест вующий слой в loader и добавьте дополнительный слой, его actions.

13. При выбранном первом ключевом кадре слоя перетащите символ preloader из окна библиотеки на область действия. При помощи панели Align (Window Align) выровняйте его, чтобы он оказался в центре об ласти действия.

14. В слое выберите второй кадр и вызовите команду Keyframe меню Insert.

15. Пока выбран второй ключевой кадр слоя перетащите символ из окна библиотеки на область действия. При помощи панели Align (Win dow Align) выровняйте его, чтобы он оказался в центре области действия. Вы должны поместить его в то же место, где уже находится клип preloader bar Очень важно, чтобы они совпадали.

16. Разместив все графические элементы анимации, переходите к созданию сце нария, который проверяет загрузку кадров фильма. Добавьте ключевой кадр ко второму кадру слоя и, выбрав его, в режиме Expert добавьте следую щий сценарий:

if О) { } else { массива для создания динамического приветствия 17. С помощью этого сценария воспроизведение фильма останавливается на кад ре 2 (и сценарий повторяется непрерывно) до тех пор, пока загруженное ко личество байтов не станет равным общему размеру фильма. После этого нач нется показ самого фильма.

В этом примере действие обращается к первому кадру в сцене под названием intro. При создании собственного индикатора загрузки вместо intro вам следует ввести имя вто рой сцены вашего фильма (именно в этой сцене содержится главный фильм, к которому вы создаете индикатор загрузки).

18. Теперь вы можете посмотреть, как работает ваш фильм, выбрав команду Test Movie меню Control. Как и в случае с предыдущим примером, вы запускаете весь фильм с жесткого диска, поэтому сцена главного фильма загружается практически мгновенно и анимация для отображения загрузки едва ли будет воспроизводиться. Если вы хотите посмотреть ее в работе, выберите команду Bandwidth Profiler меню View. Также выберите команду Show Streaming меню View.

Использование массива для создания динамического приветствия Сценарии помогают сделать ваши фильмы менее предсказуемыми.

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

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

Массив представляет собой информационную структуру, состоящую из отдель ных «отсеков», в каждом из которых хранится частица (или частицы) информа ции. В этом смысле массив напоминает шкаф. Массив — это большая структура (в нашей аналогии — шкаф), которая состоит из небольших контейнеров (ящи ков). В каждом контейнере может содержаться информация (вещи). Например, в шкафу могут быть для носков, нижнего белья, футболок и свитеров.

Для каждой вещи есть свой ящик. Массив во многом подобен шкафу. Только роль ящиков в нем выполняют элементы массива. Каждый элемент массива со держит частицу данных: строку, число, переменную или даже другой массив. По скольку массив является единым целым, куда его ни перемещают, вся информа ция переносится вместе с ним. Массив позволяет манипулировать информацией как одним целым, что намного удобнее, чем иметь дело с ее отдельными частями.

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

Возможности применения массивов просто Этой теме можно посвя тить не одну, а сразу несколько книг. В этом разделе вы узнаете, как можно соз дать массив в ActionScript и использовать его для достижения интересных дина мических эффектов во Flash-фильмах.

636 Приложение А. Создание дополнительных элементов Для выполнения ниже инструкций вам необходимо скопи ровать несколько файлов с компакт-диска, прилагаемого к этой книге. От кройте каталог APPENDIX А и скопируйте весь каталог ARRAY на рабочий стол вашего компьютера. Для этого проекта нужно несколько файлов SWF. В нем создается интерактивный интерфейс, или Web-узел международного клуба, или Web-узел какой-то организации. Вы внесете в этот проект изменения с тем, чтобы посети тели, просматривающие первую часть фильма, каждый раз видели в левом верх нем углу новый перевод слова hello (привет). Откройте файл FLA и выберите команду Test Movie меню Control. Нажимая кнопки, распо ложенные внизу экрана, вы увидите, что вверху появляются различные слова.

Однако, щелкнув на желтой кнопке, вы вообще не увидите никакого текста.

Именно для этого случая вы создадите массив.

Для создания массива, выводящего на экран приветствие, необходимо выпол нить следующие действия.

1. Откройте файл находящийся в каталоге ARRAY. На данный момент весь каталог ARRAY должен быть сохранен на вашем компьютере. Щелкните в центре области действия. Если она еще не открыта, нажмите Cmd/Ctrl+F3, чтобы открыть панель Properties. Вы увидите, что на самом деле щелкнули не на области действия, а на экземпляре клипа banner, названного Свой массив вы создадите в сценарии, присоединенном к этому клипу.

I 2. При выбранном клипе banner откройте панель Actions, выбрав команду Actions меню Windows.

3. Введите следующий сценарий, который при загрузке клипа в область дейст вия создаст массив greeting (приветствие).

greeting-new } 4. Щелкните в позиции, следующей сразу после точки с запятой, чтобы начать новую строку, и введите в ней следующее:

Теперь сценарий будет выглядеть следующим образом:

greeting-new АггауО;

} Новая строка очень важна, поскольку с ее помощью создается первый эле мент массива, в котором хранится строка В массиве элементы иденти фицируются их порядковыми номерами, начиная с 0.

Использование массива для создания динамического приветствия 5. Затем вы можете добавить в массив еще несколько элементов:

greeting-new АггауС):

} 6. Теперь массив носит более интернациональный характер. После того как вы поместите в массив все строки, в нем будет уже три элемента.

7. Итак, в массиве появилось несколько элементов;

ими можно воспользовать ся. Щелкните в позиции, находящейся сразу после последней точки с запя той, нажмите клавишу Return/Enter и добавьте следующие выражения:

Для чего нужны эти строки? Хороший вопрос. Они являются одним из самых важных элементов описываемого сценария.

> В переменной хранится произвольное число, определяемое выраже нием, находящимся по другую сторону от оператора присваивания (=).

Это число всегда будет относиться к диапазону чисел от 0 до последнего номера в массиве.

> Метод извлекает длину массива или количество элементов в нем.

Полученное число умножается на произвольное число от 0 до 0,999 и ок ругляется до ближайшего меньшего числа. Поскольку размер текущего массива равен 3, это всегда будет целое число от 0 до 2. Данная информа ция используется в следующей строке.

> При помощи оператора доступа к массиву мы извлекаем элемент массива, номер которого сохранен в переменной choi се, и помещаем его в перемен ную text. Например, если переменная имеет значение 2, переменная text будет иметь значение, содержащееся во втором элементе массива то есть Ну, а значение переменной text используется в тек стовом поле клипа. В нашем случае в поле появится слово 8. Чтобы проверить полученный результат, выберите команду Control меню Movie. На экране появится фильм, а в нем — одно из трех приветствий, сохра ненных в массиве. Закройте фильм и вновь запустите его. Ваши шансы уви деть то же самое приветствие составляют один к трем. Но будем надеяться, что в этот раз вы увидите приветствие на другом языке. Если вы все еще не полностью уверены в работе массива, запускайте фильм вновь и вновь. Каж дый раз вы, скорее всего, будете видеть различные приветствия.

9. Добавьте в сценарий еще несколько строк, содержащих приветствия на дру гих языках мира. Окончательный вид сценария показан на рис. АЛ.

638 Приложение А. Создание дополнительных элементов Я | greeting greeting[l] = = greeting[5] - //hindi = graeting[7] - //italian choice - greeting text =, • •• ' Рис. В последнем сценарии количество приветствий достигает восьми 10. Сохраните фильм и вновь протестируйте его. Повторив эту процедуру не сколько раз, вы увидите приветствия на самых разных языках.

Чтобы проверить работу данного фильма совместно с другими фильмами, за кройте файл и откройте Щелкните на жел той кнопке, возвращающей приветствие.

Вы можете увидеть и другие маленькие хитрости использованные в этом фильме. Для этого посмотрите сценарии, связанные с коричневой, крас ной и зеленой кнопками файла Приложение Б Справочник по ActionScript Данная глава не похожа на остальные главы этой книги, но мы надеемся, что и она окажется полезной. Вместо пошагового описания инструкций, применявше гося ранее в этой книге, мы организовали материал так, чтобы вы могли полу чать информацию по мере необходимости. Например, если существует объект, синтаксис которого вы хотели бы уточнить, или вы хотите что-либо сделать, но не знаете, какие элементы ActionScript лучше для этого использовать, — в этих и многих других случаях вам поможет данный справочник.

В разделах этой главы описываются следующие элементы языка ActionScript.

Действия. Встроенные команды ActionScript. Они используются для навига ции и управления временной шкалой.

Функции. Подпрограммы, используемые для выполнения общих задач.

Свойства. Элементы, которые устанавливают и извлекают параметры менных шкал, кнопок и клипов.

Операторы. Применяются для вычисления и изменения значений выражений.

Объектные ссылки и ссылки на временную шкалу. Средства, позволяющие получить доступ к элементам фильма.

Предопределенные объекты. Применяются для манипулирования данными, связанными со встроенными объектами Sound и т. п.).

Благодаря хорошо продуманной структуре главы у вас не должно возникнуть трудностей, связанных с поиском. Подумайте, что вы хотите сделать. Если необ ходимо изменить вид чего-либо, тогда вам, скорее всего, нужен раздел «Свойст ва». Если нужно установить контроль над воспроизведением фильма главной временной шкалы, обратитесь к разделу «Действия». Может случиться, что вы, наоборот, точно знаете термин, но не помните, к какой категории он относится.

Такая проблема тоже легко разрешается. Если вы, например, хотите найти дейст вие где вы начнете поиск? Подумайте, при помощи действия start ( ) вы можете перемещать клип. Это — разновидность управления временной шкалой, следовательно, вам нужен раздел «Действия». В самих разделах терми ны приводятся в алфавитном порядке.

Справа от каждого элемента в скобках указана версия Flash, начиная с которой его можно использовать.

Этот справочник по ActionScript не полон. До выхода Flash MX ActionScript уже был довольно сложным языком, а с появлением всех нововведений этой про граммы он стал еще сложнее. Полный справочник по этому языку, наверное, имел бы больший объем, чем вся эта книга. Здесь же вы найдете руководство по применению элементов ActionScript, которые, по нашему мнению, являются са мыми важными. Без них вам не обойтись.

640 • Приложение Б. Справочник по ActionScript Действия Действия представляют собой встроенные команды ActionScript. С помощью действий можно создавать условные операторы и циклы, а также управлять вос произведением Flash-фильмов.

break (4+) Синтаксис break Это действие может оказаться полезным, если вы хотите выйти из цикла до его завершения. Действие break выполняется внутри цикла, цикл разрывается и управление передается первому следующему за ним выражению.

Пример } В данном сценарии действие break используется для разрыва цикла и создается новый экземпляр клипа если одна из переменных равна нулю. На практике экземпляр клипа представляет собой своего рода предупреждающее окно с сообщением, информирующим аудиторию о возникновении ошибки ввода данных и о том, как с ней можно справиться.

Действие break размещается в сценарии чтобы выполнение последнего оста новилось перед выполнением выражения, которое обновило бы значение пере менной Кроме того, действие break вызывается после добавления клипа alert. См. также описание действия continue.

continue (4+) Синтаксис continue Это действие прерывает выполнение текущей итерации цикла. Затем для опера торов или условие цикла проверяется до его возобновления. Для оператора for сначала увеличивается счетчик цикла, а затем проверяется усло вие цикла. В конструкции for...in (см. ниже) выполнение цикла возобновляется для следующего свойства. Во избежание ошибок при использовании действия continue внимательно следите за выполнением оператора цикла.

Пример } В этом сценарии действие используется для прерывания текущей итера ции цикла, если одна из переменных равна нулю.

См. также описание действия break.

(4+) Синтаксис В этом цикле истинность условия проверяется после выполнения очередной ите рации. Другими словами, тело цикла будет выполнено один раз.

Пример числа от 0 до х++ Данный сценарий выводит на экран фразу целые числа от 0 до за которой сле дуют числа При выполнении цикла в одиннадцатый раз значе ние х становится равным 10. Условие уже не является истинным, и выпол нение цикла прекращается.

duplicateMovieClip (4+) Синтаксис "источник" При помощи действия создается копия экземпляра клипа.

Действие принимает три аргумента: источник — имя экземпляра, с которого сле дует создать копию (строка);

— имя, которое присваивается ко пии экземпляра (тоже строка);

уровень — уровень главного фильма, на который следует поместить полученную копию. Аргумент уровень используется не для того, чтобы присвоить новому клипу свойство фильма а чтобы устано вить уровень копии по к клипу источник. Если, например, клип ник находится на уровне 1, его копию можно поместить ниже на уровень 0 или выше на уровень 2. Клипы, находящиеся на уровнях, номер которых больше, бу дут перекрывать клипы с меньшим номером уровня, то есть появляться поверх них. Копии клипов наследуют свойства оригиналов, но не переменные из вре менной шкалы клипа источника. Чтобы удалить копию клипа, воспользуйтесь действием removeMovi i for (5+) Синтаксис } Действие предлагает альтернативный вариант цикла Вместо двух до полнительных строк, в которых инициализируется переменная и увеличивается счетчик цикла, в цикле используется строка, в которую помещаются все элементы цикла.

При обнаружении в сценарии цикла первым выполняется инициализирую в котором обычно устанавливается счетчик цикла. Это происходит только один раз перед запуском цикла. Затем анализируется 642 Приложение Б. Справочник по ActionScript содержащее условие прекращения цикла. Пока оно равно цикл не прекра щается. Каждый раз после прохождения всех строк тела цикла выполняется в котором происходит изменение счетчика цикла. Как только даст результат все строки тела цикла и будут пропущены и управление будет передано первому выражению, следующему за телом цикла.

Если нужно, чтобы в цикле было несколько переменных (то есть более одного счетчика), разделите их запятыми.

Пример Два нижеприведенных цикла эквивалентны. Каждый из них выполняется до тех пор, пока переменные не станут равны 5. Обратите внимание на то, насколько компактнее синтаксис цикла for.

} hi=10;

traceC'lo:

(5+) Синтаксис } Цикл for...in выполняет выражение в отношении ряда свойств, принадлежащих объекту или массиву. Цикл выполняет выражение для каждого свойства (сохра ненного в переменной), относящегося к указанному объекту. Этот цикл можно ис пользовать для чтобы установить или обновить все свойства объекта либо извлечь из них необходимую информацию.

Пример in clip— для подготовки клипов и т. д.

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

Действия fscommand (3+) Синтаксис f Действие можно использовать для установки связи с приложением, служащим хостом для вашего Flash-фильма. С его помощью обеспечивается взаимодействие между фильмом и автономным приложением Flash Player. До полнительную информацию об использовании действия в ваших проектах вы найдете в главе 29. Это действие также может обеспечивать связь между фильмом и Web-браузером при помощи команд JavaScript или VBScript.

function (5+) Синтаксис f on { } При помощи действия создается функция. Функция — это подпрограм ма обработки данных, которую можно выполнять много раз. Функции применя ются для создания стандартных процедур, выполняющих часто встречающие за дачи. Чтобы создать необходимо указать ее имя и действия, которые она будет выполнять (выражение). В случае необходимости вы также можете ука зать аргументы для передачи функции каких-либо параметров.

Пример Простая функция не требует аргументов. Следующая функция перемещает го ловку воспроизведения основной временной шкалы к первому кадру.

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

Нижеприведенная функция сперва проверяет, указаны ли все необходимые ар гументы. Если это не было сделано, в окне Output появляется соответствующее сообщение и выполнение функции прекращается. Если аргументы указаны пра вильно, функция возвращает результат.

Pages:     | 1 |   ...   | 8 | 9 || 11 |



© 2011 www.dissers.ru - «Бесплатная электронная библиотека»

Материалы этого сайта размещены для ознакомления, все права принадлежат их авторам.
Если Вы не согласны с тем, что Ваш материал размещён на этом сайте, пожалуйста, напишите нам, мы в течении 1-2 рабочих дней удалим его.