Если Вы работаете с Flash и используете его пока что только для рисования и простой анимации, создание роликов или баннеров, но ни разу не занимались программированием в нём, то вероятно Вам очень хотелось узнать эту сторону flash-а .

Что такое ActionScript ? Как можно писать код на flash-е ? Как можно полноценно программировать во flash ? Какие инструменты для этого лучше всего использовать? В данной статье приводятся ответы на подобные вопросы.

Эта статья послужит хорошим руководством новичка в программировании под flash на ActionScript 3.0 и поможет выбрать лучшие инструменты для этого.

Что такое ActionScript?

Action Script — это объектно-ориентированный язык программирования, который добавляет интерактивность, обработку данных и многое другое в содержимое Flash-приложений.

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

Если Вы работаете с графической средой разработки Flash IDE (например Adobe Flash Professional CS5), но ни разу не интересовались где там можно писать программный код, то вероятно Вас уже волнует вопрос «Где же он прячется, этот AS3?».

AS3 во Flash IDE.

Создадим новый проект File — New — ActionScript 3.0 (рис. 1).

Рис 1. Создание нового проекта AS3.

Появится пустая сцена с пустым кадром на одном слое. Теперь можно выделить кадр и нажать F9 , тем самым открыть окно «Actions», в котором и находится область редактирования программного кода данного кадра.

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

ActionScript

var s: String = "its my AS3 code trace!"; trace(s);

var s : String = "its my AS3 code trace!" ;

trace (s ) ;

Рис. 2. Код, написанный в редакторе Flash IDE.

Теперь можно запускать флешку (Ctrl+Enter ). Данный код создаёт переменную s типа String (строка) и присваивает ей начальное значение — строку «its my AS3 code trace! «. Далее, функцией trace() , аргументом которой выступает ново созданная переменная, данная строка (а точнее уже значение переменной s ) выводится во вкладку output , которая по умолчанию в интерфейсе IDE располагается рядом с вкладкой timeline .

Таким образом можно открывать и закрывать(на F9) редакторы кода для любого кадра флеш-приложения.

Вроде картина выходит не плохая — можно создавать разные объекты с анимациями (MovieClip ), либо статичные картинки (Sprite ) и у каждого объекта будут кадры и в каждом кадре можно запрограммировать всё что угодно. Выглядит удобно и гибко. Но это лишь на первый взгляд. Представьте что у Вас десятки объектов с десятками кадров и всем им нужно описать кодом различную или схожую логику поведения. Во втором случае (схожая логика) — это вообще означает сотни схожих строк кода, которые можно будет замучиться даже копировать из кадра в кадр. А представьте что в процессе разработки вам понадобится что-то изменить. Нет — это не дело! Не для этого хаоса был задуман язык AS3!

В добавок, если Вы поработаете редактором кода Flash IDE и, к примеру, работали в какой-нибудь другой среде программирования (Delphi, Visual Studio), то сразу заметите, что данный редактор, мягко говоря, удручает своей не удобностью и недоделанностью.

Что же делать, спросите Вы? Искать сторонние редакторы кода.

Альтернативные редакторы кода.

Самый лучший вариант для ОС Windows — это FlashDevelop (FD). Скачать свежую версию можно с сайта .

Для iOS хорошей альтернативой является FDT . Ознакомиться можно на оф. сайте .

FlashDevelop.

Т.к. я на данный момент преимущественно обитаю в Windows, то расскажу о редакторе именно под эту ОС. В будущем, когда наберусь опыта в FDT, то напишу и о нём.

В установке нет ничего сложного, качайте свежую версию с оф. сайта и устанавливайте. Редактор совершенно бесплатный и для компиляции использует Flex SDK. Во время стандартной установки FD сам позаботится об установке последнего. Всё что надо установить для FD самому — это Java .

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

После установки можно создать новый проект (Project — New Project…), откроется диалог создания проекта, как показано на рис. 4.

Как можно заметить, FD позволяет создавать не только AS3 проекты. Но сейчас нас интересует именно AS3 проект, я предпочитаю выбирать заготовку для проекта с Preloader -ом, который и выбран на рис. 4 . Далее введите имя проекта (поле Name ) и назначьте директорию проекта (поле Location ), если стоит галочка «Create directory for project» , то в директории Location будет создана папка с именем проекта (Name) и в неё уже поместятся файлы проекта, если галочка не стоит, то файлы поместятся в указанную директорию Location.

После создания проекта справа Вы увидите структуру файлов и папок проекта, откройте папку src и откройте двойным щелчком файл Main.as . После чего Вы должны наблюдать код примерно такой же, как на рис. 5.

Попробуем написать какой-нибудь код, например примерно тот же, который пробовали в Flash IDE . Писать можно после комментированной строки «// entry point» т.к. это точка где сцена уже точно создана. напишем команду trace() , на рис. 5. я уже позволил себе это деяние:]

Теперь можно скомпилировать проект (F8 ) или сразу запускать для тестирования (F5 ), после запуска в окне Output вы увидите результат работы функции trace() — вывод строки.

Результаты команды trace() можно наблюдать только во время запуска приложения из под IDE, в которой компилируется и запускается код.
При запуске файла.swf в браузере или в обычном flash-плеере результат (а т.е. отображение окна output) не будет виден никому.

Теперь я уверен, что Вам уже не терпится сделать свой первый проект на AS3! А для этого нужно приступить к изучению самого языка.

Изучение языка AS3.

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

Лучшая книга: Колин Мук — .

Хорошее дополнение к знаниям: Джои Лотт — .

Читал в своё время ещё такую книгу: Рич Шуп — . Написано хоть и не сильно много и подробно, но для новичков сойдёт, если под рукой нет Мука.

Этих книг весьма достаточно для бодрого старта! Читайте и практикуйтесь, практикуйтесь и читайте. Нет необходимости сесть и читать эти книги от корки до корки, т.к. в процессе чтения важно закреплять знания практикой, да и Вам самим будет приятно сделать что-нибудь как можно скорее:]

Во время быстрого поиска документации в инете очень помогает оф. документация от .

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

На этом сайте вы так же найдёте не мало аспектов программирования на AS3, накопленных моим опытом.

Или попробовать сделать свой первый прелоадер прочитав статью: Preloader своими руками.

Всего доброго и успешных проектов!

Перед каждым начинающим разработчиком инди встают закономерные вопросы: "на чем писать?", "для чего писать?" и "какие инструменты использовать?". Далее я попробую осветить все эти вопросы в свете платформы Adobe Flash .

Смотрим на количество постов и тем, созданной им и мной. вот например два первых поста в теме HTTP://FORUM.ALTERNATIVAPLATFORM.COM/POSTS/LIST/8657.PAGE

Если особо хочется, можно написать в личку на том же форуме мне и ему.

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

К плюсам flash можно отнести:

Кроссплатформерность - flash-приложения выполняются в трех основных средах: flash player , AIR и shockwave player (встроен и автоматически обновляется в браузере Google Chrome). Все три среды поддерживаются в Windows, Mac OS и Linux, а также во многих портативных устройствах, что обеспечивает максимальную многоплатформерность из всех мультимедийных сред исполнения;
Отказоустойчивость и поддержка - в отличие от многих open source игровых движков и сред, flash сам по себе является огромным коммерческим проектом, и над платформой трудятся сотни и тысячи разработчиков. Регулярные обновления компонент, расширение возможностей, крайне низкое количество багов в самой платформе (на самом деле их почти нет) и поддержка разработчиков со стороны стороны самой Adobe Corporation заслуживают уважения;
Action Script 3 - высокоуровневый объектно-ориентированный язык программирования, обладает огромным количеством возможностей, от работы с простым текстом и графикой, до управления сетевыми подключениями и прямой работы с процессором видеокарты с помощью интегрированного Adobe Graphics Assembly Language;
Инструментарий - для flash за все время его существования успело появиться множество сторонних IDE, библиотек функций и полноценных движков, о чем мы сегодня и поговорим.

Выбор среды разработки (IDE)

Для разработки flash-приложений можно выделить три главных IDE: Adobe Flash Professional , Abode Flash Builder и свободная среда с открытым кодом Flash Develop . Вкратце пройдемся по списку.

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

Adobe Flash Builder - как раз для разработчиков корпорация Adobe создала данную IDE, предназначенную в первую очередь для программистов. Удобно, просто, надежно, дорого. Стоит она ~1000$.

Flash Develop - выбор большинства разработчиков (в том числе и мой личный). Представьте себе бесплатный Flash Builder с дополнительными возможностями, это и есть Flash Develop.

Тем не менее, язык программирования и платформа для всех IDE одни и те же, потому проект всегда можно перенести с одной платформы на другую.

ТЕХНОЛОГИИ

Flash Player/Shockwave Player - последняя (11) версия плеера обзавелась поддержкой технологии Molehill, т.е. аппаратного ускорения графики. Теперь разработчики могут свободно использовать ресурсы видеокарты, освободив ЦП от этой тяжелой ноши. Подробнее о Molehill можно почитать в этом переводе книги. Для разработчиков существует standalone версии плеера на выбор Debag (с большими возможностями дебага) и Release. Просмотреть список серий и скачать нужный плеер можно

Adobe AIR - обычно flash-приложения мы видим только в браузере. После установки AIR на ваш ПК, вы можете устанавливать специально созданные AIR приложения, которые обладают расширенными, по сравнению с обычным браузерным flash возможностями.

Action Script 3 - лично я изучил его примерно за месяц, учитывая, что до этого работал только в Delphi 7 и PHP. За это я хочу особо поблагодарить Adobe, потому что такого отличного учебника по языку программирования я не видел очень давно. Да и такого полного онлайн-справочника тоже. Хочу заметить, что как учебник, так и справочник полностью на русском языке.

ДВИЖКИ

Я хотел бы рассказать о двух движках, которыми пользовался я, и которые я могу вам рекомендовать. Итак:

FlashPunk - это бесплатная библиотека классов написанная на ActionScript 3 и предназначеная для разработки 2D флеш игр. Она облегчит вам создание прототипа и разработку вашей игры. Это означает, что большинство грязной работы (обновление игрового цикла, анимация, работа с тайлами, расчет столкновений и другое) сделаны за вас и готовы для использования. Это сохранит вам большую часть времени и энергии, и позволит сосредоточиться на проектировании и тестировании вашей игры. (с) redefy

Space Invaders на Flash Punk

Лично от себя - крайне рекомендую . Движок предназначен исключительно для разработки игры и для его использования достаточно базовых знаний Action Script 3.

Уроки по движку можно найти в этом разделе блога , где собрано множество уроков (основы в самом низу страницы).

Alternativa Platform

Ogmo Editor

Ogmo Editor – это визуальный редактор 2D-уровней для независимых разработчиков игр. Это Adobe® AIR™ приложение, и оно является кросс-платформенным, работающим на Windows, OS X и Linux.

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

Прошлая статья была посвящена анимации. Мы создавали анимацию на основе motion tweening, shape tweening и просто составляли движение из отдельных кадров. Думаю, пора перейти к более сложной теме, рассмотрению инструмента, который создает основу для большинства качественных Flash-фильмов (Flash movies).

Этот инструмент - ActionScript - событийно-управляемый язык, встроенный во Flash. Последняя версия ActionScript, (которая присутствует во Flash 5), существенно отличается от ActionScript, который был в 4-м Flash. Если в прошлой версии, это был ограниченный набор команд, позволяющий осуществлять лишь основные действия, и вводимый с помощью не очень удобного интерфейса, то новый ActionScript - это мощный язык, с увеличенным набором команд, поддержкой классов, наследования (!), и гораздо более удобным интерфейсом.

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

Для того, чтобы овладеть ActionScript в полной мере, желательно уже иметь опыт программирования (предпочтительно на С++, JavaScript, etc.). Однако, одним из достоинств языка Flash, является то, что вам не нужно быть профессионалом во Flash, или полностью знать ActionScript, чтобы писать на нем качественный код. Вы можете использовать те возможности языка, которые сочтете необходимыми для своей работы.

Так как эта статья посвящена основам языка, в ней мы рассмотрим:

Панель действий (Actions panel), на которой происходит практически все общение с ActionScript.
Кнопки - как их заставлять работать, как нам требуется.
Пути - как обращаться к нужным объектам?
Основные действия с Flash-мультиками (movie clips) - мы будем управлять процессом проигрывания фильма, как нам будет угодно.
Отладку в ActionScript - окошки Output и Debugger.

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

Термины

Прежде чем мы перейдем к конкретным действиям, несколько терминов из области ActionScript:

Действия (Actions) - это инструкции, которые говорят Flash-мультику что делать. От них произошло название языка - ActionScript (дословно - сценарий действий). Давайте договоримся, что в рамках этой статьи, мы будем использовать термин "инструкция", дабы не путаться с настоящими действиями, которые будем производить.
События (Events) - это действия, которые происходят, когда проигрывается мультик. События, например, могут происходить, когда заканчивается загрузка какого-то кадра, когда мы достигаем какого-то кадра, когда пользователь нажимает клавишу на клавиатуре или курсор мышки оказывается над нашим объектом.
Выражения (Expressions) - это любая часть инструкции, которая порождает значение. Следующие примеры являются выражениями: 2 + 2, 2 * 2, a + b, 2*pi*r, (15 + k) * random(10) .
Функции (Functions) - это блок кода, который можно многократно использовать. Функции можно передавать значения и получать от нее возвращаемый результат. Например, number = get_color(15, 24) . 15 и 24 являются аргументами (или параметрами) функции get_color, возвращаемое значение которой записывается в переменную number.
Классы (Classes) - это типы объектов. Например, класс дерева - растение. Во Flash есть некоторое количество предопределенных классов (очень похожих на классы JavaScript). Вы можете создавать свои классы, или модифицировать существующие.
Экземпляры (Instances) - это буквально экземпляры определенных классов. Например, экземпляром растения могут являться дерево, куст или цветок. Экземпляр - это уже конкретный реальный объект. Если класс - это определение объекта (экземпляра), то экземпляр - это уже конкретное воплощение, это класс в действии. Каждому экземпляру можно присвоить имя, чтобы через него обращаться к функциям или переменным объекта.
Обработчики (Handlers) - это специальные инструкции, которые обрабатывают события. Например onClipEvent - обработчик действий, связанных с конкретным символом (см. ).
Операторы (Operators) - это элементы языка, которые вычисляют значения, исходя из одного или более аргументов. Например, оператор сложения (+) возвращает сумму двух значений, стоящих слева и справа от него.
Переменные (Variables) - это идентификаторы, которые могут хранить значения. Например, a = 5; или name = "Michael".

Эти термины мы будем использовать при обсуждении ActionScript. Итак…

Панель действий (Actions Panel)

Панель действий служит для отображения и ввода ActionScript программ (рис. 1). Существует два режима работы с панелью - нормальный (для "чайников") и экспертный. В экспертном режиме список команд - это простое поле для ввода текста. В нормальном же режиме, мы не можем напрямую редактировать команды. Для этого используется панель параметров.

Добавить инструкцию можно, нажав на кнопку "+" (см. рис. 1) или выбрав соответствующую инструкцию в списке элементов языка. Кроме того, для всех действий во Flash имеются последовательности клавиш, с помощью которых это можно сделать гораздо быстрее. Они приведены справа от каждого действия в меню кнопки "+". Например, чтобы добавить функцию stop() , нужно нажать Esc+st (последовательно: Esc, затем "s", затем "t").

Удалить инструкцию можно, выбрав ее, и нажав кнопку "-" (или просто клавишу Delete).

Я рекомендую вам не начинать сразу же пользоваться экспертным режимом, если у вас нету опыта программирования на Java-подобных языках (С++, Java, JavaScript). У нормального режима есть большое достоинство, делающее его незаменимым для новичков - в нем есть гораздо меньше шансов ошибиться с синтаксисом языка. Новичкам это поможет быстрее понять тонкости ActionScript.

Рис. 1 - Панель действий

В панели действий отображаются действия объекта, либо кадра, выбранного в данный момент.

Кнопки

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

Как вы знаете, во Flash существует специальный тип символа для создания кнопок - Button (см. ). Будем считать, что вы уже научились создавать кнопки, теперь научимся отслеживать нажатия на эти кнопки.

Кнопки в Macromedia Flash обладают обширным списком событий, на которые мы можем реагировать:

press - клавиша мышки нажата, когда курсор находится в пределах кнопки;
release - клавиша мышки отжата, когда курсор находится в пределах кнопки;
releaseOutside - клавиша мышки отжата, когда курсор находится вне пределов кнопки;
rollOver - курсор мыши входит в пределы кнопки;
rollOut - курсор выходит за пределы кнопки;
dragOver - курсор входит в пределы кнопки, при этом была нажата кнопка, и нажата клавиша мыши;
dragOut - курсор выходит за пределы кнопки, при этом была нажата кнопка, и нажата клавиша мыши;
keyPress ("клавиша") - была нажата "клавиша". Список клавиш можно посмотреть в справке по Flash (объект Key), или использовать панель параметров для вводу нужной клавиши.

К сожалению, Flash "понимает" только левую клавишу мыши. Правая используется для вызова контекстного меню (щелкните правой клавишей на каком-нибудь Flash мультике). Способов отлавливать во Flash среднюю клавишу или "колесико" (mouse wheel), я пока не встречал, думаю, что их не существует.

Перехватываются эти события с помощью директивы on() . Синтаксис ее таков:

On (событие) { ... // Наши действия }

Ниже вы можете сами попробовать вызвать некоторые события:

Очень часто используемый пример - переход по ссылке при нажатии на кнопку:

On (release) { getURL("http://rubs.boom.ru"); }

Чтобы проверить этот сценарий, выделите вашу кнопку, нажмите Ctrl+Alt+A и введите программу.

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

Основные действия с Movie Clips

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

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

Итак, что же у нас есть? Я перечислю только основные (на мой взгляд) инструменты. Остальное вы найдете в списке элементов языка или в помощи.

Функции клипов (movie clip), которые можно вызывать:

play() - начинает или возобновляет воспроизведение клипа;
stop() - останавливает воспроизведение клипа;
gotoAndPlay() - переходит на определенный кадр (сцену) и продолжает воспроизведение;
gotoAndStop() - переходит на определенный кадр (сцену) и останавливает воспроизведение.

Свойства (параметры) клипов, которые можно считывать/изменять:

_x, _y - координаты клипа (в пикселях);
_xscale, _yscale - масштаб клипа (в процентах), соответственно по горизонтали и по вертикали;
_width, _height - ширина и высота клипа (в пикселях);
_rotation - угол поворота клипа (в градусах);
_alpha - прозрачность клипа (в процентах);
_visible - видимость.

Это далеко не все, что можно делать с клипами. Используйте другие параметры, экспериментируйте, творите!

Имена

Для того, чтобы обращаться к клипам, нам потребуется разобраться с понятием имени объекта (instance name) и пути до объекта (target path). Договоримся, что клип (movie clip) и объект для нас - одинаковые вещи.

Имя объекта - это имя конкретного экземпляра символа. Скажем у нас может быть символ - машинка, а экземпляры этого символа будут называться "Машинка1", "Машинка2", "Pickup", "Запорожец"…

Для того чтобы дать имя объекту нужно выделить объект, и в панели Instance (Window->Panels->Instance, Ctrl+I) в графе Name ввести имя объекта (рис. 2). Имена могут состоять только из букв, цифр и символа подчеркивания ("_"), причем имя не может начинаться с цифры.

Рис. 2 - Панель Instance

Пути

Путь до объекта - это запись имени объекта с учетом иерархии. Попытаюсь объяснить, что это такое.

Вы знаете, что во Flash объекты можно "вкладывать" друг в друга, составляя, таким образом, иерархию. Так вот, эта вложенность обеспечивает не только удобство в обращении с объектами, она еще и ограничивает видимость имен объектов. Видимость ограничивается своим уровнем. Объект может напрямую (по имени) обращаться только к объектам, входящим в него, стоящим на 1 уровень ниже в иерархии.

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

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

this - указатель на "самого себя" (т.е на текущий объект). Бывает нужен, например, когда нужно передать в функцию указатель на объект, из которого эта функция вызывается.

_parent - указатель на "родителя". Указывает на объект стоящий уровнем выше в иерархии.

_root - "корень". Это начало иерархии. Без него не обойтись при указании абсолютного пути.

Путь выглядит так:

leaf.play(); - у подобъекта leaf (лист) вызывается функция play();

_parent.tree.leaf.stop(); - подразумевается, что на одном уровне имеется объект tree, у которого есть объект leaf , у которого и вызывается функция stop();

_root.banner._visible = false; - сделать клип banner , находящийся на 1-м уровне, невидимым.

Рис. 3 - Иерархия клипов

Для иллюстрации возьмем иерархию из 5-ти объектов (рис. 3). Объекты 1-4 находятся на 1-м слое, объект 5 - на 2-м слое. Объект 2 вложен в объект 1, а объект 3 вложен в объект 2. Объекты на рисунке визуально вложены друг в друга, но это ни в коем случае не означает, что так должно быть и "в жизни". Здесь они так сгруппированы для наглядности. Так как имя объекта не может начинаться с цифры, пусть объекты у нас называются obj1-obj5 .

Теперь займемся путями. Для начала посмотрим, какие объекты могут обращаться друг к другу по имени. obj1 может обращаться к obj2, а obj2 - к obj3 , но при этом obj1 не может обратиться к obj3 напрямую, т.к. тот содержится не в obj1 , а в obj2 .

Скажем первому объекту нужно, чтобы объект 3 начал заново воспроизводиться с 1-го кадра. Вот как это делается:

Obj2.obj3.gotoAndPlay(1);

Чтобы 4-му объекту сделать 1-й объект (заметьте со всеми подобъектами!) полупрозрачным, ему нужно в своем сценарии написать следующее:

Parent.obj1._alpha = 50;

Root.obj1._alpha = 50;

Т.к. obj4 у нас находится на первом уровне иерархии, то для него _root и _parent - одно и то же.

Теперь для объекта 3 напишем скрипт, который сделает объект 5 невидимым при нажатии клавиши мыши. В сценарии для объекта 3 пишем:

OnClipEvent (mouseDown) { _root.obj5._visible = false; }

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

Parent._parent._parent.obj5._visible = false;

Надеюсь, я прояснил момент с путями.

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

dobe Flash Томилова Елена Анатольевна

Лекция 8 . Программирование во Flash

План

Введение

Для придания интерактивности роликам, Flash имеет внутренний язык сценариев ActionScript .

ActionScript это язык программирования, посредством которого во Flash осуществляется отправка команд и запросов о временных зависимостях, видеоклипах, кнопках и других объектах.

Язык ActionScript создан на основе стандарта ЕСМА-262, который, в свою очередь, составлен на базе языка JavaScript . По сути, ActionScript является разновидностью JavaScript , адаптированного и оптимизированного для работы в среде Flash .

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

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

Чтобы использовать действия ActionScript , вам не нужно быть программистом. Безусловно, при создании сложных сценариев опыт программирования окажется полезным. Однако при написании сценариев ActionScript предыдущий опыт не является обязательным. Для выбора действий и связывания их с объектами фильма создатели Flash предусмотрели простой и понятный интерфейс панель Actions. С помощью данной панели вы получаете доступ к библиотеке команд ActionScript), что позволяет вам значительно экономить время при вводе кода сценариев.

Таким образом, ActionScript это объектно-ориентированный язык программирования, являющийся родным для среды Flash . В данном контексте термин объектно-ориентированный означает, что сценарии связываются с объектами или элементами фильма. Если во время воспроизведения фильма эти объекты принимают сообщение об определенном событии, их сценарии (или действия) выполняются. Например:

on(press){

gotoAn d Play("nextStop")

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

Связь между событиями и действиями является главной особенностью объектно-ориентированного программирования. Если у вас нет опыта написания сценариев либо вы совсем незнакомы с программированием, такие формулировки могут вас несколько смутить. Однако не стоит впадать в унынье. Как только вы познакомитесь с действиями, синтаксис и структура языка ActionScript станут для вас менее загадочными.

С помощью языка ActionScript можно

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

В версии Adobe Flash 9.0 (CS3) основным языком программирования является ActionScript 3.0 , однако он достаточно сложен для изучения на начальном этапе и мы не будем его рассматривать.

Вместе с тем поддерживается и старый «простой» вариант язык ActionScript 2.0 , который и будем использовать.

Запомните, что при создании новых FLA-файлов нужно всегда выбирать тип документа Flash File (ActionScript 2.0) .

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

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

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

Знакомство с панелью Действия (Actions )

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

Чтобы открыть или развернуть панель Действия (Actions ) , выполните одно из следующих действий:

из меню Окно (Window) выберите пункт Действия (Actions);
нажмите клавишу < F9 >.

После этого на экране появится или будет развернута панель Действия (Actions). Если эта панель была открыта, но скрыта другим окном, она переместится на передний план.

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

Область отображения сценария служит для отображения всех строк-операторов текущего сценария.

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

Работа с действиями объектов

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

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

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

Однако любое действие выполняется только тогда, когда в фильме происходит определенного рода событие. В языке ActionScript (и во многих других объектно-ориентированных языках) действия управляются обработчиками событий.

Использование действий

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

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

Некоторые возможности, которыми обладает Flash благодаря использованию действий:

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

Возможности управления сценами с помощью сценариев ActionScript

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

Некоторых действий, с помощью которых можно управлять сценами.

gotoAndPlay() . Вызов действия gotoAndPlay() приводит к переходу головки воспроизведения к определенной сцене и кадру. Воспроизведение фильма продолжается с этого кадра.
gotoAndStop(). При вызове данного действия происходит переход к определенной сцене и кадру и остановка воспроизведения фильма.
play() . Это действие позволяет продолжить воспроизведение фильма после остановки.
stop() . С помощью данного действия можно остановить воспроизведение фильма.

События мыши

При связывании действия с экземпляром кнопки Flash автоматически присваивает этому действию обработчик события мыши. Этот обработчик определяет, какое событие при воспроизведении фильма будет инициировать выполнение действия (или действий), содержащихся в сценарии. Обработчик события мыши определяется действием on () .

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

Выберите кнопку, с которой необходимо связать действие либо для которой необходимо изменить обработчик событий.
Откройте панель Actions и выполните одно из следующих действий.
1. Если вы хотите установить обработчик события мыши, выберите действие on () из категории Actions Movie Control .
2. Если вы хотите изменить обработчик события мыши для уже существующего действия, выберите строку-оператор, содержащую название события, и на области отображения параметров установите соответствующий флажок.
В области параметров отображается список различных обработчиков события мыши. Установите флажок рядом с названием соответствующего обработчика, и ваш сценарий автоматически будет обновлен. На рисунке показан внешний вид панели Actions, когда в области отображения сценария выбрана строка-оператор, содержащая обработчик события.

Имена и описания событий мыши в языке ActionScript :

Press . Событие press инициирует действие при нажатии кнопки, когда указатель мыши находится над объектом кнопки.
Release . Событие release инициирует действие при отпускании кнопки, когда указатель мыши находится над объектом кнопки. Это событие принимается по умолчанию.
Release Outside . Событие release Outside инициирует действие при отпускании кнопки, когда указатель мыши не находится над объектом кнопки.
Key Press . Событие key Press не связано с мышью. Оно инициирует действие, когда на клавиатуре будет нажата клавиша, указанная в поле слева от данного флажка.
Roll Over . Событие roll Over инициирует действие, когда указатель мыши помещается на объект кнопки.
Roll Out . Событие roll Out инициирует действие, когда указатель мыши помещается за пределы объекта кнопки.
Drag Over . Событие drag Over может показаться сначала несколько сложным. Фактически оно включает комбинацию из серии различных событий. Чтобы инициировать действие с помощью события drag Over , необходимо установить указатель мыши над объектом кнопки и выполнить щелчок, переместить указатель за пределы объекта, а затем снова поместить указатель на объект.
Drag Out . Чтобы инициировать действие с помощью события drag Out , выполните щелчок, когда указатель мыши находится над объектом кнопки, а затем переместите указатель за пределы объекта.

Практическая работа № 21. Работа с действиями кадра

Создайте новый файл Документ Flash .
На Сцене 1 создайте анимацию.
Добавьте Сцену 2 и создайте анимацию для данной сцены.
Перейдите на Сцену 1, добавьте слой и пропишите действие переход на сцену 2 .

На Сцене 2 или последней сцене вашего проекта поставьте кнопку, по клику которой откроется Сцена 1.

Сохраните файл под именем Фамилия_21.fla.
Опубликуйте в формате.swf
И пришлите в одном архиве.

Практическая работа № 22. Нескольких действий в одном сценарии

Создайте новый файл Документ Flash .
На Слои 1 в первом кадре пропишем команду stop() , для того чтобы анимация не начиналось, т.е. не происходило никаких действий.

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

В 31 кадре пропишите остановку анимации, чтобы никаких действий не происходило.
Добавьте Слой 3. Начиная со 32 кадра и до 62, создайте анимацию когда кнопка будет отпущена.

Добавьте Слой 4. И разместите на нем кнопку. И пропишите действия:

on (press) {

GotoAndPlay (2); // при нажатии кнопку будет происходить действия начиная со 2 кадра

on (release) {

gotoAndPlay(32); // будет происходить действия начиная со 32 кадра, когда кнопка будет отпущена

Протестируйте программу.
Сохраните файл под именем Фамилия_22.fla.
Опубликуйте в формате.swf
И пришлите в одном архиве.

Использование действий для создания основных элементов управления воспроизведением фильма

Мы уже рассмотрели процесс связывания действий с различными элементами фильма. В данном разделе мы дадим обзор самых важных и полезных действий языка ActionScript. Эти базовые действия перечислены в том порядке, в котором они расположены в своих подкатегориях (Adobe Flash CS 3 Professional ).

Подкатегория Movie Clip Control

setProperty () . Установка атрибутов клипа: размеры, положение и т. д.
onClipEvent() . Определяет обработчик события клипа, который будет инициировать действие.
on () . Определяет обработчик события мыши, который будет инициировать какое-то действие.

Подкатегория Timeline Control

gotoAndPlay() . Переход к указанному в качестве параметра кадру или сцене и воспроизведение фильма с этого места.
gotoAndStop() . Переход к указанному в качестве параметра кадру или сцене и остановка фильма.
play () . Воспроизведение фильма.
stop () . Остановка фильма.
stopAllSounds() . Отключение звукового сопровождения фильма.

Подкатегория Browser/Network

fscommand() . Управление приложением Flash Player.
getURL() . Вызов фильма с указанным URL.
unloadMovie () . Выгрузка других Flash-фильмов.

Связь с URL

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

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

Выберите кнопку, кадр или экземпляр клипа, с которым вы хотите связать действие.
Откройте панель Actions .
В области элементов ActionScript откройте подкатегорию Browser/Network и выполните двойной щелчок на значке действия getURL (). Действие getURL() имеет три параметра, которые должны быть определены: URL, Window (Окно) и Variables (Переменные). Существует также возможность использовать выражение, в котором описывается местоположение URL. Для этого необходимо установить флажок Expression (Выражение) справа от поля URL.
В поле URL необходимо ввести абсолютный или относительный путь к ресурсу. Абсолютный путь включает полный адрес URL, например http://www. it - n . ru . Относительный путь содержит информацию о нахождении файла в пределах файловой структуры, где сохранен Flash-фильм, например такую: currentfolder / folderl / folder ().
Раскрывающийся список Window позволяет определить, в каком окне браузер будет загружать документ, на который указывает URL. Вы можете ввести определенное имя фрейма или окна, ввести выражение, которое описывает местоположение окна, либо выбрать один из следующих элементов раскрывающегося списка.

_self . Документ загружается в текущем окне, где в настоящий момент воспроизводится фильм.
_blank . Документ загружается в новом окне.
_parent . Данный элемент указывает на текущее окно и позволяет заменить только фрейм, где в настоящий момент воспроизводится фильм.
_top . Данный элемент целесообразно использовать тогда, когда ваш фильм воспроизводится во фрейме, а новый документ, на который указывает URL, должен заполнить все окно браузера.

Раскрывающийся список Variables (Переменные) используется для передачи переменных на URL, с которым вы устанавливаете связь.

Don"t Send (не передавать). Данный элемент установлен по умолчанию и используется в тех случаях, когда нет необходимости в обмене данными.
Send Using GET (передавать с использованием метода GET). Данный элемент списка выбирают в тех случаях, когда необходимо передать несколько переменных и объем передаваемых данных небольшой.
Send Using Post (передавать с использованием метода POST). Данный элемент списка выбирают в тех случаях, когда необходимо передавать большой объем информации.

Практическая работа № 23. Ставим ссылки на картинки

Создайте новый файл Документ Flash .
Импортируйте все необходимые изображения для будущих кнопок (Ctrl + R ).
Выделите первую картинку и нажмите F8 . Конвертируйте ее в кнопку.

Дважды кликните на мувиклипе.
Теперь кликните на кадре с заголовком Over и добавьте кадр, нажав F6.

Создайте новый слой и кликните на кадре с заголовком Over и добавьте кадр (F6). После при помощи Rectangle Tool (R) обведите картинку.

Вернитесь обратно на главную сцену и при помощи инструмента выделения (V) кликните на кнопке, нажмите F9 и введите следующий AS-код:

Повторите все предыдущие шаги для других картинок.
Протестируйте программу.
Сохраните файл под именем Фамилия_23.fla.
Опубликуйте в формате.swf
И пришлите в одном архиве.

Задание

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

Литература

Гурвиц, Майкл, Мак-Кейб, Лора. Использование Macromedia Flash MX. Специальное издание.: Пер. с англ. М.: Издательский дом "Вильяме", 2003. 704 с.: ил. Парал. тит. англ.
Уотролл Э., Гербер Н. Эффективная работа: Flash MX . СПб.: Питер; Киев: DHV , 2003. 720 с.: ил.
http://www.interface.ru/

PAGE 1

Область элементов ActionScript

Раскрывающийся список сценариев

Область отображения сценария

Часть 1

Начало

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

Бесконечный забег. В таких играх персонаж двигается автоматически, а игрок только направляет его и перепрыгивает через препятствия (или иным образом взаимодействует с игрой).
Драки. В таких играх главный персонаж должен победить врагов в бесконечных драках/сражениях.
Пазлы. Игры-головоломки. Варьируются от простейших головоломок (собрать три одинаковых шарика) до сложных головоломок, составляющих основу приключенческих игр.
РПГ. В таких играх необходимо развивать главный персонаж (его умения, облик, характер), чтобы иметь возможность сражаться с различным противником. Код РПГ-игры намного сложнее кода простейшей игры.

Flash лучше подходит для создания 2D-игр (двухмерных). В нем можно создавать и 3D-игры (трехмерные), но для этого нужно очень хорошо знать язык программирования и другие продвинутые приемы. Практически все популярные Flash игры – это двухмерные игры.
- Флеш-игры лучше всего подходит для кратковременных игровых сеансов, потому что в них играют тогда, когда есть свободное время (не более 15 минут).
Ознакомьтесь с языком программирования ActionScript3 (AS3), на котором пишутся флеш-игры. Вы можете создать простую игру, имея базовые знания в AS3.
- Есть несколько книг о ActionScript, доступных на Amazon и в других магазинах, наряду с большим количеством учебных пособий и онлайн-примеров.
Скачайте Flash Professional. Это платная, но самая лучшая программа, в которой создаются флеш-игры. Есть и другие аналогичные программы, в том числе бесплатные, но зачастую им не хватает совместимости или у вас уйдет больше времени на достижение тех же целей.
- Flash Professional является единственной программой, которая вам понадобится для создания игры.
Часть 2
Создание простейшей игры
1. Уясните основные структуры кода, написанного на AS3. Есть три основные части любого AS3 кода:
  - Переменные. В них хранятся данные (числовые, текстовые, объектные и многие другие). Переменные определяются кодом var и одним словом.
    Var playerHealth:Number = 100 ; // "var" – вы определяете переменную. // "playerHealth" – это имя переменной. // "Number" – это тип данных (здесь - числовой). // "100" – значение, приписанное переменной. // Любая строка кода на AS3 заканчивается ";"
  - Обработчики событий. Ищут определенные события, которые должны быть выполнены, и сообщают о них другим частям программы. Это необходимо для ввода игрока и повторения кода. Как правило, обработчики событий обращаются к функциям.
    AddEventListener(MouseEvent.CLICK , swingSword) ; // "addEventListener()" – определение обработчика событий. // "MouseEvent" – категория ввода, ожидаемая к исполнению. // ".CLICK" – определенное событие в категории MouseEvent. // "swingSword" – функция, запускаемая при выполнении события.
  - Функции. Разделы программы, определяемые ключевым словом; к ним обращаются по ходу выполнения программы. Код сложной игры может включать сотни функций, а простой игры – только несколько. Функции могут располагаться в произвольном порядке, так как они запускаются только тогда, когда к ним обращаются.
    Function swingSword (e :MouseEvent) :void ; { //Код } // "function" – ключевое слово, вводимое в начале любой функции. // "swingSword" – имя функции. // "e:MouseEvent" – дополнительный параметр, указывающий на то, // что к функции обращается обработчик событий. // ":void" – значение, возвращаемое функцией. // Если значение не возвращается, используйте:void.
2. Изменение свойств образца. После создания образца вы можете изменить его свойства, например, изменить размер. Для этого введите имя образца, затем «.», затем название свойства, а затем значение:
  - enemy.x = 150; Задает положение объекта «враг» по оси Х.
  - enemy.y = 150; Задает положение объекта «враг» по оси Y (начало оси Y лежит в верхней точке «сцены»).
  - enemy.rotation = 45; Поворот объекта «враг» на 45° по часовой стрелке.
  - enemy.scaleX = 3; Растягивает объект «враг» по ширине на множитель 3. Отрицательное значение величины перевернет объект.
  - enemy.scaleY = 0.5; Урежет высоту объекта вдвое.
3. Изучите команду trace() . Она возвращает текущие значения для конкретных объектов и необходима для определения того, что все работает правильно. Не стоит включать эту команду в исходный код игры, но она понадобится вам для отладки программы.
  
  Создайте простейшую игру, используя приведенную выше информацию. В нашем примере вы создадите игру, в которой противник будет менять размер каждый раз, как вы щелкните по нему, и до тех пор, пока у него не закончится запас здоровья.
  Var enemyHP:Number = 100 ; // Задает величину запаса здоровья противника (100 в начале игры). var playerAttack:Number = 10 ; // Задает силу атаки игрока при щелчке по противнику. enemy.addEventListener (MouseEvent.CLICK , attackEnemy) ; // Действие этой функции направлено непосредственно на объект «враг», // то есть функция запускается только тогда, когда щелчок приходится на объект, // а не на другое место на экране. setEnemyLocation() ; // Размещает противника на экране. // Запускается в самом начале игры. function setEnemyLocation () :void { enemy.x = 200 ; // Перемещает противника вправо на 200 пикселей от левой части экрана. enemy.y = 150 ; // Перемещает противника вниз на 150 пикселей от верхней части экрана. enemy.rotation = 45 ; // Поворачивает врага на 45 градусов по часовой стрелке. trace ("enemy"s x-value is" , enemy.x , "and enemy"s y-value is" , enemy.y ) ; // Отображает текущую позицию противника для отладки. } function attackEnemy (e :MouseEvent) :void // Создает функцию для описания атаки при щелчке по противнику. { enemyHP = enemyHP - playerAttack; // Вычитает значение силы атаки игрока из значения запаса здоровья противника. // В результате получается новое значение запаса здоровья противника. enemy.scaleX = enemyHP / 100 ; // Меняет ширину на основе нового значения запаса здоровья противника. // Это значение делится на 100, чтобы получить десятичную дробь. enemy.scaleY = enemyHP / 100 ; // Меняет высоту на основе нового значения запаса здоровья противника. trace ("The enemy has" , enemyHP, "HP left" ) ; // Отображает потерянный запас здоровья. }