40953

Программирование в Flash

Лекция

Косметология, дизайн и стилистика

Программирование во Flsh План Введение Знакомство с панелью Действия ctions Работа с действиями объектов Использование действий Возможности управления сценами с помощью сценариев ctionScript События мыши

Русский

2013-10-22

785.5 KB

31 чел.

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

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

План

[1] Введение

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

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

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

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

[6] События мыши

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

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

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

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

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

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

[10] Связь с URL

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

[12] Задание

[13] Литература

[1] Введение

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

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

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

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

[6] События мыши

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

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

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

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

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

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

[10] Связь с URL

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

[12] Задание

[13] Литература

Введение 

Для придания интерактивности роликам, 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){

gotoAndPlay("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 содержит раскрывающийся список категорий, с помощью которого вы получаете доступ к библиотеке ActionScript. Выбрав соответствующее действие, вы можете с помощью мыши перетащить его на область отображения сценария.

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

События мыши

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

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

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

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

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

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


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

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

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

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

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

on (press) {

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

}

on (release) {

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

}

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

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

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

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

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

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

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

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

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

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

Связь с URL

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

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

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

  •  _self. Документ загружается в текущем окне, где в настоящий момент воспроизводится фильм.
  •   _blank. Документ загружается в новом окне.
  •  _parent. Данный элемент указывает на текущее окно и позволяет заменить только фрейм, где в настоящий момент воспроизводится фильм.
  •  _top. Данный элемент целесообразно использовать тогда, когда ваш фильм воспроизводится во фрейме, а новый документ, на который указывает URL, должен заполнить все окно браузера.
  1.  Раскрывающийся список Variables (Переменные) используется для передачи переменных на URL, с которым вы устанавливаете связь.
  •  Don't Send (не передавать). Данный элемент установлен по умолчанию и используется в тех случаях, когда нет необходимости в обмене данными.
  •  Send Using GET (передавать с использованием метода GET). Данный элемент списка выбирают в тех случаях, когда необходимо передать несколько переменных и объем передаваемых данных небольшой.
  •  Send Using Post (передавать с использованием метода POST). Данный элемент списка выбирают в тех случаях, когда необходимо передавать большой объем информации.

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

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

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

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

 

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

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

Задание

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

Литература

 

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

PAGE  1

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

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

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

  1.  

 

А также другие работы, которые могут Вас заинтересовать

4879. Сравнение эффективности алгоритмов сортировки 47.5 KB
  Сравнение эффективности алгоритмов сортировки. Каждый из рассмотренных алгоритмов сортировки обладает определенными преимуществами и недостатками. Для того, чтобы сравнивать между собой разные алгоритмы, необходимо сформулировать критерии, характери...
4880. Область видимости и время жизни переменных. Локальные и глобальные переменные. Статические переменные 49 KB
  Область видимости и время жизни переменных. Локальные и глобальные переменные. Статические переменные. Каждое имя в программе на С++ должно относиться к уникальной сущности –объекту, функции, типу или шаблону. Однако, это не означает, что оно м...
4881. Указатели на функции. Перегрузка функций. Шаблоны функций 61 KB
  Указатели на функции. Перегрузка функций. Шаблоны функций. Предположим, что нужно реализовать функцию сортировки массива строк с примерно таким прототипом: void sort( char beg, char end ) здесь beg и end являются указателями на начало и конец...
4882. Статические и динамические библиотеки 200.5 KB
  Статические и динамические библиотеки. Библиотеками называют сборники подпрограмм или объектов, как правило, ориентированных на решение набора близких по тематике задач. С точки зрения их организации и использования библиотеки бывают статическими ...
4883. Кодирование данных. Алгоритм Base64 41.5 KB
  Кодирование данных. Алгоритм Base64. Под кодом понимают определенную систему условных обозначений или сигналов, а процесс кодирования – это переход от одной формы представления информации к другой. При этом целью кодирования, как правило,...
4884. Структуры и объединения. Перечисления. Поиск и сортировка в массивах структур 57.5 KB
  Структуры и объединения. Перечисления. Поиск и сортировка в массивах структур. Подобно тому, как массив является совокупностью элементов одного типа, структуры в С++ представляют собой совокупность элементов произвольных типов, например: struct Stud...
4885. Связный список. Сортировка списков 51 KB
  Связный список. Сортировка списков. Как известно, массив всегда занимает непрерывный блок памяти, что позволяет быстро получать доступ к произвольному элементу массива по индексу, однако существенно затрудняет вставку и удаление элементов, поскольку...
4886. Многофайловые проекты. Средства отладки и тестирования 67 KB
  Многофайловые проекты. Средства отладки и тестирования. При программировании любых более-менее сложных задач неизбежно возникают проблемы, связанные с разрастанием исходного кода и вызываемыми этим неудобствами при разработке и отладке. Естественным...
4887. Обработка исключений и аномальных ситуаций в программировании 43.5 KB
  Обработка исключений. Исключением называют возникновение аномальной ситуации во время выполнения, которое программа может обнаружить, например: деление на 0, выход за границы массива или отсутствие требуемого количества свободной памяти. Такие сит...