Интерфейс Flash.
Прежде чем создавать сложные программы на ActionScript, вам необходимо хорошо изучить интерфейс Flash, который включает множество окон, панелей и меню.Главное окно Flash
Основой интерфейса Flash является главное окно и его важнейший элемент- рабочее поле. На рис 1.1 показано рабочее поле, которое содержит изображение большого дерева и лисы, держащей корзину.
Для программиста на ActionScript одни элементы главного окна более важны, чем другие.
В верхней части расположена временная шкала, в которой некоторые кадры помечены номерами
1, 5, 10 и 15. Сбоку временной шкалы находится панель управления слоями. В данном примере
показаны два слоя: «Background» (Фон) и «Fox» (Лиса).
Вы наверняка заметили, что кадры на временной шкале намного шире, чем обычно. Это связано
с тем, что поле представления кадров было расширено при помощи кнопки Frame view (Отображение кадра), показанной на рис. 1.1. Существует еше несколько опций по управлению представлением кадров, например можно регулировать высоту каждого слоя (находится в свойствах слоя). Поэкспериментируйте с ними самостоятельно.
Область рабочего поля главного окна может содержать любой элемент вашего ролика: графический образ, кнопку или клип. Изображение, показанное на рабочем поле главного окна, можно увеличить или сжать. Для этих целей предназначено всплывающее меню Scale (Масштаб), расположенное в левом нижнем углу главного окна, но для изменения масштаба намного удобнее пользоваться «горячими» клавишами. Нажатие клавиш Cntrl+2(PC) или Command+2(Mac) масштабирует рабочее поле так, чтобы оно вплотную занимало все свободное место в главном окне. Использование сочетания клавиш Cntr+3 или, соответственно, Command+З масштабирует рабочее поле так, что в главном окне максимально распахивается область, содержащая все изображения, в том числе те, которые находятся на серой области вне пределов рабочего поля. Сочетание Cntrl+1 (Command+1) возвращает рабочему полю масштаб 100%. И наконец, использование командных клавиш в сочетании с + и - позволяет изменять текущий масштаб в два раза. Последнее, о чем хотелось бы здесь сказать, - кнопки Show/Hide (Показать/Скрыть) и Lock/Unlock (Заблокировать/Разблокировать). Эти функции чрезвычайно полезны тем, что позволяют отобразить отдельные слои или определенный набор слоев. Блокировка слоев позволяет без труда выбрать нужный вам объект, не внеся при этом случайных изменений в другой слой.
Панели
Хотя главное окно программы Flash и является основным элементом, оно содержит очень мало подробной информации о вашем ролике и его частях. Детали отображаются в небольших окнах панелей управления. При запуске они появляются в правой и нижней частях главного окна, однако, затем их можно перемешать куда угодно.Эти панели могут быть приведены к любому виду. Панели находятся каждая в своем окне, но можно отобразить сразу несколько из них в одном окне в виде закладок. Например, на рис. 1.2 показано окно, включающее панели Color Mixer (Миксер цветов), Color Swatches (Образцы цвета) и Components (Компоненты). Только панель Color Swatches доступна к использованию.
Рисунок 1.2 Это окно содержит три панели
Вы можете изменить состав окна панелей, а также создать новое окно. Это осуществляется перетаскиванием панелей за левую, помеченную характерной "дырчатой" текстурой, часть титульного поля панели. Для того чтобы научиться перемещать панели, требуется немного практики. У вас всегда есть возможность вернуть исходные настройки, выбрав команду Window -> Panel Sets -> Default Layout (Окно -> Наборы панелей -> Расположение по умолчанию).
Необязательно перемешать панели между окнами панелей только потому, что у вас имеется такая возможность. Я нахожу расположение по умолчанию самым лучшим вариантом, которого и придерживаюсь. Это также удобно, если вам придется работать на другом компьютере, в этом случае вам не надо будет привыкать к какому-либо нестандартному расположению. Вы можете сохранить собственную конфигурацию панелей с помощью команды Window -> Save Panel Layout. Сохраненные конфигурации доступны с помощью команды Window -> Panel Sets.
Панель Info, которую можно выбрать командой Window -> Info, необходима для точного размещения объектов на рабочем поле. Выбрав объект, вы можете задать значения его координат (X и Y), а также его ширину и высоту (W и Н). Панель Transform (рис. 1.3) можно выбрать командой Window -> Transform. Эта панель позволяет изменять масштаб выделенного объекта и поворачивать его.
Рисунок 1.3 Панель Transform позволяет изменять масштаб выделенного объекта и поворачивать его
Еще одна панель, которую постоянно используют программисты на ActionScript, - Properties (Свойства). Эта панель (рис. 1.4) отображает информацию о выбранном в данный момент объекте: графическом символе, кнопке или клипе. С помощью этой панели вы можете менять различные свойства выбранных объектов. Например, ставить метки выделенным кадрам и присваивать имена клипам. Для того чтобы можно было программно обращаться к клипам, им необходимо присвоить имена.
Рисунок 1.4 Панель Properties позволяет присваивать имена клипам
Панель Properties (Свойства) позволяет присваивать имена (метки) кадрам. Как ни странно, вы можете сделать это в любом слое. Например, вы можете присвоить имя первому кадру, выделив его в верхнем слое, затем присвоить имя второму кадру, выделив его в следующем слое. Неправда ли, сбивает с толку? Я советую помечать все кадры в одном слое (обычно так и делают, называя этот слой, например, "labels"). Наиболее важным окном после рабочего поля как для программиста на ActionScript, так и для художника-графика, несомненно, является палитра Library (Библиотека). Панель на рис. 1.5 содержит растровое изображение, кнопку, папку, графический символ и клип.
Рисунок 1.5 Палитра Library показывает, из каких элементов состоит ваш ролик
Палитра Library показывает список различных элементов, составляющих ваш ролик. На первый взгляд элементы списка кажутся выбранными наугад. Например, графические образы, которые были нарисованы непосредственно на экране, не отображаются в палитре, даже если они были сгруппированы. Если же вы сохраните их как графический символ, они будут показаны. Логика здесь такая: библиотека хранит многократно используемые объекты. Любой символ, будь то клип, графический символ или кнопка, могут использоваться в одном или нескольких местах вашего ролика.Однако набор линий и заливок, нарисованных непосредственно на рабочем поле, может применяться только в кадре или наборе кадров на временной шкале. Включение эталона в библиотеку не означает, что он будет экспортирован вместе с роликом. Например, вы импортируете растровое изображение или звуковой файл, но не помешаете его на рабочее поле. Или же создаете клип и не используете его. В таком случае умная программа не включает этот объект в конечный, сжатый swf-файл, что способствует уменьшению размера файла и его быстрой загрузке. Что делать, если элемент библиотеки не выложен на рабочее поле, а ваша программа его использует? Flash не будет отслеживать это и не включит данный элемент в конечный файл ролика. Для того чтобы заставить Flash включить в конечный файл кажущийся ему ненужным элемент библиотеки, установите связь с этим элементом в диалоговом окне Symbol Linkage Properties (Свойства связи символа) - см. рис.1.6. Диалоговое окно можно вызвать из всплывающего меню Options (Параметры), расположенного в правом верхнем углу палитры Library (рис. 1.5).
Пункты меню
Выбор пунктов меню столь же богат, как и выбор панелей. Однако регулярно используется лишь небольшая их часть. Программисту на ActionScript,помимо расположения самих пунктов меню, необходимо знать сочетания "горячих" клавиш для выполнения наиболее часто используемых команд.
Рисунок 1.6 В диалоговом окне Symbol Properties можно указать, что объект должен быть включен в библиотеку для последующего экспорта в Action Script.
Меню File
Меню File (Файл) включает стандартный набор команд, знакомый пользователям Macintosh и Windows. Наряду с командами Open (Открыть), Save (Сохранить) и Save As (Сохранить как) здесь присутствует также команда Import (Импорт), позволяющая импортировать в программу растровые изображения, векторную графику и звуковые файлы. Наиболее важной в меню File является простая команда Save, которой соответствует сочетание клавиш Command+S (Macintosh) и Ctrl+S (Windows). Советуем вам почаще ее использовать. Если после многочасовой работы без сохранения программа или компьютер дадут сбой, вы пожалеете о том, что не нажимали данное сочетание клавиш каждые пять минут.К сожалению, Flash время от времени имеет обыкновение давать сбой, что приводит к потере всей вашей работы со времени последнего сохранения. Компания Macromedia регулярно поставляет новые, исправленные и усовершенствованные версии flash. Обратной стороной такого стремительного развития программы является ее нестабильность. Тем не менее, если вы не будете забывать почаще сохранять вашу работу, возникающие сбои не испортят вам настроения.
В меню File также находятся команды Publish (Публикация) и Publish Settings (Параметры публикации). Подробнее об этих командах вы узнаете в конце данной главы.Меню Edit
Меню Edit (Правка) включает обычные команды: Сору (Копировать), Cut (Вырезать) и Paste (Вставить). Команда Undo (Отменить) особенно полезна, так как с ее помощью вы можете отменить 100 последних действий, что является довольно значительной цифрой. Вы можете задать количество отменяемых действий, выбрав команду Edit -> Preferences (Правка -> Настройка). При выборе команды Preferences на экране появится диалоговое окно, показанное на рис. 1.7. Здесь вы можете не только указать число отменяемых действий, но и задать целый ряд настроек, упорядоченных в три отдельные вкладки. Что касается меня, я стараюсь придерживаться настроек по умолчанию, однако никогда не помешает знать, какие опции вам предлагаются. Обычно я меняю предлагаемый по умолчанию режим Normal (Обычный) на режим Expert (Эксперт), что позволяет мне набирать команды ActionScript непосредственно в окне редактирования сценария.
Меню View
Меню View (Вид) позволяет изменять масштаб отображения рабочего' поля и степень детализации отображаемых на нем графических элементов во время работы над роликом, а также использовать сетки и направляющие. Сетка пригодится для быстрого выравнивания элементов на рабочем поле в том случае, если вам важнее составить программу на ActionScript, а не найти лучший способ расположения графических объектов. Чтобы вызвать диалоговое окно Grid (Сетка), показанное на рис. 1.8. надо выбрать команду View -> Grid -> Edit Grid (Вид -> Сетка -> Редактировать сетку). Здесь вы можете задать масштаб сетки и ее цвет, указать, будет ли сетка отображаться на экране, и будут ли к ней привязываться объекты. Диалоговое окно Grid позволяет быстрее задавать и отменять данные настройки, чем команды Show Grid (Показать сетку) и Snap To Grid (Привязать к сетке).
Меню View включает команду Hide Panels (Скрыть панели), которую можно также выполнить простым нажатием на клавишу табуляции. При этом все панели, включая палитру Tools (Инструменты), будут моментально скрыты или отображены. Это удобно, если некоторые часто используемые панели закрывают рабочее поле, и вы хотите их скрыть, но так, чтобы в следующий раз они появлялись на том же самом месте экрана.
Меню Insert
Меню Insert (Вставка) содержит две функции, полезные для программиста на ActionScript. Первая из них - команда Convert to Symbol (Преобразовать в символ), которая преобразует выделенные вами элементы в графический объект, клип или кнопку. Вновь созданный эталон включается в библиотеку, а также остается на рабочем поле, на месте исходных элементов. При вызове данной команды на экране появляется диалоговое окно Symbol Properties (Свойства символа), в котором вы должны задать тип символа и назначить ему имя (рис. 1.9).
Рисунок 1.9 Диалоговое окно Symbol Properties появляется на экране при выборе команды Insert -> Convert to Symbol. Это же окно появится, если вы захотите изменить свойства уже существующего символа.
Команда Convert to Symbol позволяет создавать графические объекты, клипы и кнопки
непосредственно на рабочем поле и затем добавлять их в библиотеку.
Вы также можете использовать эту команду для создания символов внутри символов.
Например, вы можете создать объект, похожий на кнопку, при помощи команды Convert to Symbol
превратить его в кнопку, а затем, повторно используя данную команду, поместить кнопку в клип.
Второй важной функцией меню Insert является набор команд, позволяющих добавлять кадры в главную
временную шкалу. Чтобы добавить новый кадр, используйте команду Insert -> Frame (Вставить -> Кадр).
Для добавления нового ключевого кадра во временную шкалу предназначены команды Insert -> Keyframe
(Вставить -> Ключевой кадр) и Insert -> Blank Keyframe (Вставить -> Пустой ключевой кадр).
В первом случае будет создана копия текущего ключевого кадра, во втором - новый ключевой кадр,
не содержащий никаких объектов на рабочем поле. При помощи команды Insert -> Remove Frames
(Вставить -> Удалить кадры) можно удалить выбранные в слое кадры, а используя Insert -> Clear
Keyframe (Вставить -> Очистить ключевой кадр), удалить ключевой кадр, не удаляя простых кадров
слоя.
Команды для работы с кадрами могут немного сбить с толку тех, кто никогда до этого не создавал
анимации во Flash. Лучший способ научиться работать с этими командами - попробовать их применить.
Создайте ролик и потренируйтесь добавлять и удалять кадры и ключевые кадры. Тогда вы начнете
понимать, как работают эти команды.
Разница между кадром и ключевым кадром состоит в следующем: ключевой кадр - это точка временной шкалы, определяющая точное положение всех объектов на рабочем поле данного слоя. Они не будут менять своего положения до следующего ключевого кадра. Однако аниматоры могут выбрать, например, анимацию движения между ключевыми кадрами, при этом объекты рабочего поля будут постепенно передвигаться из позиции, определяемой первым ключевым кадром, к позиции, определяемой следующим ключевым кадром. Более подробно о ключевых кадрах вы узнаете из урока анимаиии, поставляемого с программой Flash MX.
Меню Modify
Меню Modify предоставит вам еще несколько способов быстрого доступа к панелям. Команда Modify -> Document открывает окно свойств документа (рис 1.10). Диалоговое окно Document Properties (Свойства документа) позволяет изменить размеры ролика, количество кадров в секунду и цвет фона.
Рисунок 1.10 В диалоговом окне Document Properties задаются наиболее важные свойства ролика
Также заслуживает упоминания набор команд подменю Transform (Трансформация). Эти команды служат
для изменения масштаба, вращения и транспонирования графических объектов на рабочем поле.
Далее в книге рассказано, как выполнять подобные действия при помощи ActionScript, но некоторыми
графическими изображениями и символами невозможно управлять при помощи ActionScript, поэтому эти
команды надо обязательно знать.
Следует также остановиться на команде Group (Группировать). В случае наложения друг на друга
графических объектов линии и заливка объекта, расположенного снизу, могут оказаться скрытыми.
Например, если вы нарисуете большой синий круг, в центре этого круга нарисуете маленький красный
круг, а затем удалите красный круг, то в центре первого круга, на том месте, где был расположен
красный, получится дырка. Если же вы сгруппируете синий круг перед тем, как рисовать красный,
то первый не окажется частично стертым, а останется в своем первоначальном виде под вторым.
Меню Text
Включенные сюда команды обеспечивают быстрый доступ к опциям панелей Text (Текст). Более подробно о работе с текстом мы расскажем в разделе "Создание текста" данной главы.Меню Control
Меню Control (Управление) включает постоянно используемую команду Test Movie (Пробное воспроизведение ролика). Данная команда, выполняемая также нажатием клавиш быстрого доступа Command+Return (Macintosh) или Ctri+Enter (Windows), преобразует ваш текущий ролик в конечный swf-файл и затем запускает его в окне предварительного просмотра. Ролик воспроизводится аналогично тому, как он бы воспроизводился в проигрывателе Flash или в Web-браузере пользователя. Данная команда отличается от команды Play (Воспроизведение) из меню Control, которая не использует никаких сценариев ActionScript, находящихся в ролике. Команда Play совершенно бесполезна для программиста, в то время как команда Test Movie бесценна.Меню Window
С помощью меню Window (Окно) вы можете открыть все панели, а также все другие окна. Сочетания клавиш для быстрого доступа к наиболее часто используемым инструментам приведены в таблице:Дла доступа... |
В Windows |
| Properties Panel Info Panel Library Reference Panel Actions Panel |
Ctrl+F3 Ctrl+I Ctrl+L Shift+F1 F9 |
Окно справки
В окне Reference (Справка) содержится словарь ActionScript программы Flash. Даже самый опытный программист ActionScript не будет знать всех свойств, применений и отличительных особенностей синтаксической структуры Flash. Это меню позволит вам быстро получить необходимую информацию об определенной команде или функции.Создание кнопок
|
Во Flash существует три типа символов: графические объекты, кнопки и клипы. В отличие от графических объектов кнопки и клипы могут иметь закрепленные за ними сценарии ActionScript. Программисту на Action-Script приходится создавать и использовать множество кнопок и клипов, поэтому давайте рассмотрим, начиная с кнопки, как это сделать. Временная шкала кнопки Кнопку можно создать следующими способами: выбрать команду Insert -> New Symbol (Вставить -> Новый символ) или выделить ряд объектов на рабочем поле и выбрать команду Insert -> Convert to Symbol (Вставить -> Преобразовать в символ). Вы также можете выбрать команду New Symbol из всплывающего меню палитры Library.Создав кнопку, вы можете редактировать прямо на рабочем поле, выбрав ее двойным щелчком мыши, или отдельно, в главном окне Flash, два раза щелкнув по ее имени в окне палитры Library. В обоих случаях в верхней части главного окна Rash появится специальная временная шкала, которая содержит четыре изображения, необходимые для описания кнопки: Up, Down, Over и Hit. Вы можете добавлять в кнопку сколько угодно слоев. При отображении кнопки будут использоваться только первые четыре кадра, показанные на рис. 1.11.
Рисунок 1.11 Временная шкала, расположенная над кнопкой, содержит предопределенный набор из четырех кадров Вот для чего они предназначены:• Up - обычное изображение кнопки;Вначале лучше сосредоточить свое внимание на создании кадра Up. Затем создать варианты кадров Over и Down. В кадре Over кнопка должна каким-то образом выделиться, в то время как в кадре Down ее следует изобразить нажатой или выделить каким-то другим способом. В следующем разделе вы увидите несколько примеров дизайна кнопки. Вы можете создать кнопку, включающую только кадр Up. Если остальные три кадра останутся пустыми и будет отсутствовать даже ключевой кадр, кадр Up будет применен для всех четырех состояний кнопки. Отличительной чертой кадра Hit является то, что он никогда не виден. Также не важно, какого цвета расположенный в кадре Hit объект; важна лишь форма. Кадр Hit вместе с кадрами Over и Down вообще можно не создавать. В этом случае все эти кадры заменит кадр Up.Кадр Hit можно представить как невидимую фигуру под кнопкой, определяющую область нажатия кнопки мышью. Эта область может быть больше или меньше видимого графического изображения кнопки. Вы можете создать невидимую кнопку, оставив кадры Up, Over и Down пустыми, а кадр Hit заполненным. При этом в главном окне Flash кнопка будет выглядеть как светло-голубая фигура. При воcпроизведении ролика ее не будет видно вообще. Несмотря на это, на кнопку можно нажимать, а ее сценарий будет выполняться. Пользователь поймет, что это кнопка, так как при наведении на эту область курсор примет специальный вид. Такой способ применяется для создания различных эффектов. Пример кнопки Исходный файл: Samplebuttons.fla Давайте рассмотрим пример кнопки. На рис. 1.11 показана кнопка прямоугольной формы с надписью. Она была нарисована непосредственно на рабочем поле при помощи инструмента Rectangle (Прямоугольник) и затем преобразована в кнопку при помоши команды Insert -> Convert to Symbol. Ролик с кнопкой находится на Web-сайте в файле Samplebuttons.fla в папке данной главы. Процесс создания данной кнопки начался с выбора инструмента Rectangle. Два раза щелкнув по инструменту, вы получаете возможность задать значение радиуса для скругленного угла прямоугольника. В нашем примере был использовано значение 2. Для линий был задан черный цвет, для заливки - голубой. После того как прямоугольник был нарисован, я выбрал инструмент Text (Текст) и напечатал 'PRESS ME!' (НАЖМИ МЕНЯ!). После центровки текста получилось изображение, показанное на рис. 1.11. После использования команды Преобразовать в символ, я получил кнопку и присвоил ей имя "My Button" (Моя кнопка). Новый символ был включен в библиотеку и остался на рабочем поле на прежнем месте. Два раза щелкнув кнопкой мыши по символу в библиотеке, вы можете отдельно редактировать кнопку на рабочем поле. В верхней части главного окна Flash появятся четыре предустановленных кадра, при этом все кадры, кроме кадра Up, будут пустыми. Кнопка будет работать отлично, однако станет использовать одно и то же изображение для всех своих состояний. Форма области в кадре Hit будет определяться самим изображением кнопки. Чтобы внести разнообразие, необходимо создать ключевой кадр для каждого из четырех имеющихся кадров. Для этого выберите кадр на временной шкале и нажмите клавишу F6 (вставка ключевого кадра). Затем вернитесь к кадрам Over и Down и внесите в них какие-нибудь изменения. В нашем примере была изменена заливка каждого из кадров. Для кадра Hit текст не обязателен, значение имеет лишь форма изображения. |
Создание текста
Во Flash имеется три различных типа текстовых окон. Первое, статический текст, - если рассматривать его с точки зрения программиста на АсtionScript, - это не более чем графические объекты в форме текста. Другие два, динамический и редактируемый тексты, могут быть изменены при помощи ActionScript.
Свойства текста
При выделении текстового поля окно Properties будет отображать свойства текста (рис. 1.12). Наиболее важные свойства находятся в верхнем левом углу панели Properties. На рис.1.12. выбран тип Static Text; вы можете изменить это свойство на Dynamic Text или Input Text.
Динамический текст
После того, как вы выбрали Dynamic Text из списка текстовых типов, внешний вид окна Properties полностью изменится (рис. 1.13).
В выпалаюшем меню имеется возможность выбрать расположение текста в одну строку (Single Line), в несколько строк (Multiline) и в несколько строк без возможности переноса (Multiline No Wrap). Кроме того, справа имеются три небольшие кнопки с опциями Selectable (Выделяемый), Render Text as HTML (Читать HTML-тэги) и Show Border Around (Показывать рамку вокруг текста). Опция HTML дает возможность использовать в тексте некоторые базовые тэги языка HTML, наподобие <Ь>. Опция Border помешает текст в рамку и делает окно непрозрачным. Опция Selectable позволяет пользователю выделять блоки текста подобно тому, как это делается в текстовом редакторе.
Наиболее важной для программиста на ActionScript опцией данной панели является текстовое окно Var (Переменная), в которое вы можете ввести имя переменной. При воспроизведении ролика переменная и окно динамического текста будут связаны. При изменении значения одного из них соответственно будет меняться и значение второго. Это позволяет изменить переменную в программе и одновременно видеть эти изменения на экране.
В нижней части панели находится ряд кнопок, а также поле, где вы можете указать, начертания каких символов должны сохраняться в конечном. Flash-файле для дальнейшего использования в текстовом окне. Например, вы можете задать, чтобы вместо полного набора символов Hash сохранял вместе с роликом только цифры. С другой стороны, вы можете не сохранять вообше никаких наборов символов, тогда в текстовом окне будут использоваться только шрифты, установленные на компьютере пользователя.
Flash - достаточно умная программа и никогда не включает в swf-файл более одной копии каждого набора символов. Поэтому, если вы создали две области динамического текста, использующие все символы шрифта Arial, этот шрифт сохраняется только один раз и будет совместно использоваться обеими областями.
Редактируемый текст
Третьей опцией работы с текстом является Input Text (Редактируемый текст). Внешний вид окна Properties при этом почти не отличается от изображенного на рис. 1.13.Для опции Input Text наряду со значениями Single Line, Multiline и Multiline No Wrap существует четвертое значение - Password (Пароль). Как вы уже, наверное, догадались, вместо символов в данном текстовом окне будут отображаться точки.
Также добавлена настройка Max Chars (Максимальное количество символов), задающая ограничение на количество вводимых символов. Установка значения 0 разрешает ввод неограниченного количества символов.
Во Flash есть замечательное свойство, связанное с однострочным вводом текста. Когда вводимый пользователем текст выходит за границу текстового окна, текст автоматически прокручивается вправо. Вернуть курсор назад можно при помощи стрелки «влево». Эта функция позволяет вводить значительные блоки текста, не создавая большие области для их ввода.
Импорт мультимедийных элементов во Flash
Хотя основой Flash является векторная графика, программа может использовать и другие элементы, например растровые изображения и звуковые файлы. Flash не позволяет редактировать эти элементы, они только отображаются. Создавать растровые изображения и звуки следует в других программах, например Adobe Photoshop и Sound Forge. Давайте рассмотрим эти два типа элементов и способы их- использования с помошью ActionScript.Растровые изображения
ля импорта растровых изображений во Flash используйте команду File -> Import (Файл -> Импорт). Вы можете импортировать различные графические форматы, включая JPEG, GIF, PICT и BMP. Файл будет добавлен в библиотеку вашего ролика. После импорта изображения в библиотеку с ним мало что можно сделать при помоши ActionScript. Тем не менее вы можете поместить его в клип. Над изображением, импортированным во Flash, можно произвести не так уж много операций. На рис. 1.14 показано диалоговое окно Bitmap Properties (Свойства растрового изображения), вызываемое двойным щелчком мыши по изображению в библиотеке.
Для того чтобы преобразовать растровое изображение в векторное, выделите его на рабочем поле и выберите команду Modify -> Trace Bitmap (Изменить -> Трассировать растр}. При этом на экране появится диалоговое окно, показанное на рис. 1.15.
Функция Trace Bitmap заменяет растровое изображение набором закрашенных векторных областей. В большинстве случаев это приводит к ухудшению качества рисунка по сравнению с исходным, но, по крайней мере, теперь его можно масштабировать аналогично векторному изображению.
Многие художники преобразуют растровое изображение в векторное на одном из этапов его создания. Например, можно нарисовать что-нибудь на бумаге, отсканировать изображение в файл, а затем трассировать полученный растр в векторное изображение. Многие художники используют для преобразования не Flash, а программы типа Adobe Streamline. Затем изображение импортируется во Flash. После этого художник должен довольно много потрудиться, чтобы изображение выглядело так, как было задумано.
Звуки
Импорт звуковых файлов во Flash осуществляется способом, аналогичным импорту растровых изображений. Flash импортирует стандартные звуковые форматы: AIFF, МРЗ, Sun AU и Wave.После того как файл импортирован во Flash, двойным щелчком мыши по его имени в библиотеке можно открыть диалоговое окно Sound Properties (Свойства звука) - см. рис. 1.16.
Обычно звуковые элементы перетаскивают на временную шкалу и помешают в ключевой кадр. Когда начинает воспроизводиться ключевой кадр, запускается воспроизведение соответствующего звукового файла. Параметры звукового файла, прикрепленного к кадру, можно настроить, вызвав соответствующую ему панель Sound (Звук).
Настройка степени сжатия звукового файла в диалоговом окне Sound Properties необходима в случае, если для вас важно качество звука в конечном ролике. Например, использование компрессии МРЗ со скоростью воспроизведения 16 Кб/с даст звук среднего качества, подходящий для специальных эффектов и т. п. Однако, если вы используете качественную музыку, вам понадобится скорость 32 Кб/с или даже 64 Кб/с. Советуем поэкспериментировать с различными настройками и подобрать их таким образом, чтобы получить звук хорошего качества и одновременно занимающий как можно меньше места. При сохранении ролика вы можете также установить настройки по умолчанию, которые будут применяться для всех звуков ролика.
Показанная на рис. 1.17 панель Properties позволяет установить способ запуска звукового файла, его повторение и даже применить эффект его постепенного исчезновения. Так как в нашу задачу не входит использование этих свойств звука, не будем рассказывать о них подробно.
Вместо этого рассмотрим, как с помощью команд ActionScript запустить звуковой файл, а также настроить время и способ его воспроизведения.
В случае, если на временной шкале звук отсутствует, Flash не включит его в конечный файл, и попытка ActionScript запустить его не удастся.
Чтобы обеспечить включение звука в конечный файл, необходимо установить свойства связи (см. рис. 1.6). Для ссылок на звуковой файл в ActionScript следует использовать имя, назначенное данному файлу в диалоговом окне Linkage Properties.
Организация ролика
Процесс организации ролика более важен для программиста на Action Script, чем для Flash-аниматоров. Символам в библиотеке должны быть присвоены содержательные имена. При необходимости их надо систематизировать по каталогам. Слои на главной временной шкале должны обеспечивать легкий доступ к различным элементам рабочего поля.Библиотека
Организация библиотеки осушесгаляется посредством создания каталогов внутри палитры Library. Каталоги выполняют такие же функции, как и каталоги (директории) вашей операционной системы. Вы можете создавать каталоги и хранить в них различные элементы библиотеки. Например, если у вас есть 52 графических изображения для представления колоды из 52 карт, вы можете поместить их в папку под названием "cards" ("карты"). Это значит, что все 52 карты будут отображаться как один элемент библиотеки (если содержащая их папка закрыта). Развернув данный элемент, вы получите доступ к имеющимся в нем графическим изображениям.Для того чтобы создать каталог, откройте палитру Library и из всплывающего меню в правом верхнем углу выберите команду New Folder (Новая папка). Доступ к содержимому папки осуществляется очень просто (нажатием на ее изображение мышью). При этом вам не придется ссылаться на имя каталога ни при помощи инструментов анимации, ни в программе ActionScript.
Палитра Library включает еще несколько инструментов для организации библиотеки. Например, вы можете упорядочить ее содержимое по любому параметру, указанному в заголовках столбцов.
На рис. 1.18 показана полностью развернутая палитра Library. Если вы хотите упорядочить библиотеку по дате последнего изменения (вариант Date Modified), просто щелкните мышью по заголовку столбца. Небольшая кнопка с изображением в форме пирамиды, расположенная справа от заголовков столбцов, позволяет упорядочить содержимое по возрастанию или по убыванию.
Благодаря такой организации вы можете узнать, какие элементы библиотеки используются и как часто. Здесь, конечно, не учитывается их использование в программах ActionScript.
Кадры
Маркировка кадров в ролике необходима профаммисту на ActionScript для того, чтобы задать в программе нелинейный переход ролика с одного кадра на другой. Присвоить имена кадрам можно в панели Properties.В ActionScript имеется возможность ссылаться на номера кадров, однако мы не советуем этого делать. Почему? Предположим, вы написали программу, задающую переход от кадра 7 на кадр 13, а затем на кадр 8. После этого решили добавить кадр перед кадром 1. Кадры, которые раньше имели номера 7, 13 и 8, получат номера 8, 14 и 9, и вам придется менять программу в трех местах.
Присвоив кадрам имена, вы можете ссылаться на эти имена в программе. При этом вне зависимости от количества добавленных и удаленных кадров вы всегда будете уверены, что ключевой кадр сохранил свое имя.
Слои
Хотя в большинстве случаев программы, написанные на ActionScript, не манипулируют слоями, слои являются ценным инструментом для организации ролика. Вы можете и должны использовать разные слои для меток, кода ActionScript и графических объектов. На рис. 1.19 показан пример правильной организации ролика при помощи слоев.
Двойным щелчком мыши по небольшой пиктограмме слева от каждого слоя можно вызвать диалоговое окно Layer Properties (Свойства слоя) - см. рис. 1.20. Слою можно задать, например, свойство Outline (Контур), тогда все изображения данного слоя будут отображаться в виде контуров. Данный режим действует только в процессе работы в среде Flash; при просмотре swf-файла изображение примет обычный вид.
Применяйте слои для организации не только главной временной шкалы, но и клипов, графических изображений и кнопок.
Сцены
Сцены являются более высоким уровнем организации роликов во Flash. Каждый Flash-ролик состоит из одной или нескольких сцен. В большинстве примеров, рассматриваемых в данной книге, используется лишь одна сцена, поэтому вы можете просто забыть об их существовании.Тем не менее, сцены могут служить прекрасным организационным инструментом. Они представляют собой последовательное сочетание нескольких роликов, образующих одно целое. Каждая сцена имеет свою временную шкалу. На рис. 1.21 показана панель Scene (Сцена), которая включает три сцены. Они воспроизволятся точно в указанном порядке, хотя ActionScript может игнорировать его и воспроизводить сцены в любой последовательности и даже переходить с кадра одной сцены на кадр другой сцены.
Нерабочая область
p Существует одна область интерфейса Flash, чрезвычайно полезная программисту на ActionScript, однако редко упоминаемая в книгах, подобных этой. Это область, которая находится за пределами рабочего поля. Взгляните на рис. 1.1 и обратите внимание на серую область вокруг рабочего поля, расположенного в центре окна. В эту область вы можете помещать элементы. При воспроизведении ролика в браузере пользователя или в программе Flash Player данная область не будет видна.В нерабочей области можно, например, разместить небольшой клип с написанным для него кодом ActionScript. В отличие от кода в главной временной шкале, выполняющегося один раз, ActionScript-код клипа будет выполняться в каждом кадре.
Вероятность того, что пользователь увидит нерабочую область, все же существует. Если изменение масштаба ролика выполняется во Flash Player, окне предварительного просмотра Flash или в браузере, ролик старается сохранить свои пропорции, и некоторые области, расположенные выше или ниже рабочего поля, могут быть видны. Этого не произойдет, если поместить ролик в Web-страницу, используя правильные тэги (об этом рассказывается ниже).
Таким образом, поместив небольшой клип за пределы рабочей области, где он не будет виден, вы можете создать код, выполняющий повторяв юшиеся действия, например анимацию или движение, контролируемое пользователем.Подготовка ролика к публикации
Независимо от того, является ли ваш ролик простой анимацией или сложным приложением, после окончания работы над ним его необходимо экспортировать в swf-файл. Это можно сделать при помощи команды File Publish (Файл -> Опубликовать).Перед этим, однако, надо проверить определенные элементы ролика и, воспользовавшись командой File -> Publish Settings (Файл -> Настройки публикации), настроить его соответствующим образом.
Список заключительных проверок
Вот список элементов, которые необходимо проверить перед публикацией ролика:• имена копий клипов - имена всех клипов, помещенных на рабочее поле, должны совпадать с именами в коде;
• свойства связи - в случае, если клип не используется на рабочем поле, но используется кодом, необходимо настроить его свойства связи в библиотеке таким образом, чтобы он экспортировался с роликом. Имя связи должно соответствовать имени, которое используется в вашем коде. Все вышесказанное относится и к звуковым файлам, содержащимся в библиотеке;
• имя динамического текста - имя динамического текста, используемого на рабочем поле и связанного с переменной ActionScript, должно соответствовать вашему коду;
• шрифты - текстовое окно динамического или редактируемого тек ста должно содержать все символы, которые могут вам понадобиться. В противном случае при воспроизведении на машине, где установлены другие шрифты, текст будет искажен;
• команда stop - команду ActionScript stopo необходимо поместить во все кадры, с которыми может взаимодействовать пользователь. Кадр, не содержащий команды stop О, является не более чем отдельным кадром анимации. Это также относится к клипам вашего ролика. Если они контролируются ActionScript, их первый кадр должен содержать команду stop О. Более подробную информацию об этой команде вы найдете в главе 2 "Введение в ActionScript".
Публикация
Перед тем как применить команду File -> Publish (Файл -> Публиковать), вызовите диалоговое окно Publish Settings (рис. 1.22). Это большое диалоговое окно состоит из трех вкладок. Вкладка Formats (Форматы) позволяет вам выбрать формат для экспорта. Однако форматы GIF, JPEG и PNG представляют собой неподвижные изображения, а форматы QuickTime Movie и RealPlayer не поддерживают ActionScript программы Flash 5 или MX.Поэтому единственной реальной альтернативой остается формат SWF и Projectors. Вы также можете выбрать экспорт HTML-страницы, которая будет использоваться вместе с swf-файлом.
Вкладка Flash позволяет задать несколько настроек конечного swf-файла (рис. 1.23). При выборе опции Generate Size Report (Создать отчет о размере) программа создает краткое описание содержимого swf-файла и помешает его в окно Flash Output (Window => Output). Также создается отдельный файл отчета FileName Report.txt (где FiteName - имя вашего, fla-файла), который помешается в ту же директорию, что и fla-файл. Это поможет вам найти и сократить элементы, занимающие много места.
Опция Omit Trace Actions (Игнорировать трассировку) предназначена для того, чтобы отключать сообщения, выводимые командой trace в окно Output. Вывод сообщений происходит только при проигрывании фильма в редакторе, так что для просмотра в браузере или посредством Flash-плеера эта опция не существенна.
Опция Protect from Import (Зашита от импорта) создает защищенный от импорта фильм. При попытке импортировать такой ролик будет затребован пароль.
Опция Debugging Permitted (Разрешить устранение неполадок) позволяет вам устранять неполадки в ролике во время его воспроизведения. Более подробно об устранении неполадок рассказано в главе 4 "Процесс создания игры".
Следующий ряд настроек дает возможность установить значение сжатия по умолчанию для изображений и звуков. При установке флажка Override Sound Settings (Заменять настройки звука) все звуки будут сжаты с параметрами по умолчанию, независимо от ранее установленной степени сжатия.
Опция Version (Версия) в нижней части окна, похоже, может творить чудеса. Она предлагает сохранить ролик во Flash 1, 2, 3, 4 или 5. Получается, что создаваемые вами ролики со сложным сценарием ActionScript будут работать во Flash 3? Нет. Если ваш ролик содержит хоть какой-нибудь сценарий на ActionScript, скорее всего, его необходимо экспортировать как ролик Flash 5 или MX. Если же вы используете новые команды версии MX, то ничего не остается, кроме как импортировать фильм в этой версии.
Последняя вкладка диалогового окна Publish Settings, изображенная на рис. 1.24. позволяет задать внешний вид HTML-файла, экспортируемого с swf-файлом.
На самом деле опции, показанные на рис. 1.24, не контролируют swf-файл, а только задают тэги HTML-страницы. Эти тэги мы рассмотрим в следующем разделе.
Учтите, что настройки Flash Alignment, теоретически позволяющие определять положение swf-файла на странице браузера, реально не работают ни во Flash MX, ни в более ранних версиях.
Размещение Flash-ролика в сети
Для того чтобы поместить ролик в сети, его необходимо вставить в HTML-страницу. Конечно, вы можете поместить ролик как swf-файл, однако в этом случае он увеличится до размера окна браузера, что вам не нужно.При помощи двух тэгов вы можете поместить swf-файл на Web-страницу и для Internet Explorer, и для Netscape, Более того, множество настроек позволяют задавать нужный внешний вид ролика. Большинство из них автоматически применяются программой при публикации и могут быть установлены в диалоговом окне Publish Settings, показанном на рис. 1.24. Тем не менее вам не помешает знать, как выглядят эти элементы. Не знаю, как вы, а я бы скорее предпочел создать свой собственный HTML, чем использовать шаблон Flash.
Приведенный ниже элемент содержит Flash-ролик размером 550x400 под названием Sample.swf. Воспроизведение ролика начинается сразу, уровень качества - высокий, используются шрифты устройства, фоновый цвет - белый.
Длинная строка символов, начинающаяся с classid, является обозначением Flash для Internet Explorer. Часть кода, начинающаяся с codebase, дает Internet Explorer команду загрузить Flash Plug-in (программу, встраиваемую в IЕ для проигрывания Flash-роликов) в случае, если он еще не загружен.<Object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebaso="http://download.macromedia.com/pub/Shockwave/
cabs/flash/swflash.cab#version=5,0,0,0"
WIDTH=550 HEIGHT=400>
<PARAM NAME=movie VALUE=" sample . swf ">
<PARAM NAME=play VALUE=true>
<PARAM NAME=quality VALUE=high>
<PARAM NAME=devicefont VALUE = true>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
Netscape не понимает тэг OBJECT, так как он используется для описания управляющих элементов ActiveX - технологии, предназначенной для встраивания мультимедийных элементов в Internet Explorer. Для Netscape необходим элемент EMBED, который дает команду браузеру использовать плагин Flash для запуска Flash-ролика.
Как видите, эти элементы очень похожи. Параметр TYPE сообщает Netscape, что это ролик Flash, a PLUGINSPAGE подсказывает, куда направить пользователя в случае, если у него не установлена программа Flash.<EMBED src="sample.swf"
play=false
quality=high
devicefont=true
bgcolor=#FFFFFF
WIDTH=550 HEIGHT=400
TYPE="application/x-shockwave-flash"
PLUGINSPAGE=nhttp://www.macromedia.com/go/getflashplayer">
</EMBED>
В отличие от элемента OBJECT элемент EMBED не содержит номер версии Flash, необходимой для воспроизведения вашего ролика. Это значит, что Netscape с Flash 5 попытается воспроизвести ваш ролик, созданный во Flash MX, даже если не сможет понять команды ActionScript. В результате ролик не будет воспроизведен должным образом. Для того чтобы предупредить пользователей, вы можете поместить на страницу предупреждение "Для воспроизведения н еобходим Flash 6 Player". Информацию о новейших технологиях JavaScript для определения версии Flash, установленной у пользователя, вы найдете на сайтах, приведенных в главе "Ресурсы сети Internet для Flash-разработчика".
Однако недостаточно просто включить в код элементы OBJECT И EMBED. Все намного сложнее. Дело в том, что Internet Explorer может также использовать элемент EMBED для отображения мультимедийных элементов. Значит, существует вероятность того, что Internet Explorer использует оба тэга и Flash-ролик будет воспроизведен дважды на одной и той же странице.К счастью, существует простой способ не допустить этого. Если поместить элемент EMBED внутрь элемента OBJECT, Internet Explorer проигнорирует его. Таким образом, окончательная версия кода будет выглядеть следующим образом:
Приведенный выше код исполняется отлично, однако создает одну проблему: почти каждый параметр должен повторяться дважды, один раз в элементе OBJECT, второй - в элементе EMBED. Если вы вносите какие-либо изменения, не забудьте сделать это в обоих тэгах.<0BJECT classid="clsid:D27CDB6E-AE6D-llcf-96B8-444553540000"
codebase="hctp: //download.inacromedia.com/pub/shockwave/cabs/
flash/swflash.cab#version=6,0,0,0"
WIDTH=550 HEIGHT=400>
<PARAM NAME=movie VALUE="sample.swf">
<PARAM NAME=play VALUE=true>
<PARAM NAME=quality VALUE=high>
<PARAM NAME=devicefont VALUE=crue>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src="sample.swf"
play=false
quality=high
devicefont=true
bgcolor=#FFFFFF
WIDTH=550 HEIGHT=400
TYPE="application/x-Shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
Теперь, узнав, как связаны Flash и ActionScript, вы готовы стать программистом на ActionScript. В следующей главе мы начнем изучение Action-Script.
