Тема 8. Объекты среды Flash

Серьезное программирование во Flash строится на использовании понятия объект. Объект — это нечто, имеющее свойства («знания») и методы («умения»). Свойства — это данные, связанные с объектом, а методы — связанные с ним функции.

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

• Key.getCode() — код нажатой клавиши (целое число);
• Key.isDown(код символа) определить, нажата ли клавиша с данным кодом; это логическая функция, она возвращает ответ true («да«) или false («нет»).

Код символа для метода isDown найти по специальной таблице (например, на сайте Adobe).

Кроме того, самый простой способ — определить код экспериментально, использовав функцию getCode() в обработчике keyDown.

Коды некоторых специальных клавиш можно получить как свойства объекта Key. В первом примере мы будем при каждом нажатии клавиши выводить в окно Output ее код и состояния клавиш Ctrl, Shift и Alt (true — нажата, false — не нажата).

Изучим эти возможности на примере проекта «Воздушный шар». Он управляется клавишами-стрелками и перетаскивается мышкой. При нажатой клавише Ctrl скорость движения увеличивается. Чтобы проверить работу ролика, сначала щелкните на нем мышью.

Теперь посмотрим, как можно управлять воздушным шаром с клавиатуры. Событие keyDown происходит только при нажатии клавиши, а нам нужно, чтобы шар двигался постоянно, если мы нажали клавишу и не отпускаем ее. Для этого мы используем событие enterFrame, где с помощью метода Key.isDown будем проверять, какие клавиши нажаты, и менять соответствующим образом координаты _x и _y клипа.

Скорость движения запишем в переменную v, ее начальное значение зададим в обработчике load (за время одного кадра шар смещается на 3 пикселя в заданном направлении).

Заметьте, что шар может двигаться одновременно в двух направлениях, например, вверх и влево.

Теперь сделаем так, чтобы при нажатии клавиши Home шар возвращался в исходное состояние (где он был в начале). Для этого в обработчике события load надо запомнить его координаты в переменных x0 и y0, а при нажатии клавиши Home присваивать эти значения координатам клипа _x и _y.

Запустив ролик, вы можете с удивлением обнаружить, что это не работает. Если вставить строчку

trace("Ку-ку");

в обработчик keyDown, мы обнаружим, что при нажатии клавиши Home этот обработчик не вызывается.

Дело в том, что мы запускаем клип из среды разработки, которая перехватывает некоторые клавиши, например, Enter и Home. При просмотре этого ролика в отдельном окне Flash-проигрывателя или в браузере все будет нормально.

Однако есть простой способ избавиться от этого неудобства.

Теперь сделаем так, чтобы при нажатии клавиши Ctrl скорость движения шара увеличивалась в 3 раза. Начальную скорость мы обозначим через v0.

Объект Mouse «отвечает» за работу с мышью. В следующем примере мы сделаем так, чтобы воздушный шар можно было перетаскивать по экрану, причем на время перетаскивания заменим курсор мыши на свой клип.

Чтобы убрать стандартный курсор и потом восстановить его обратно, используем два метода объекта Mouse:

• Mouse.hide(); — скрыть курсор мыши;
• Mouse.show(); — показать курсор мыши.

Идея такова: сделаем наш клип-указатель скрытым, установив его свойство _visible в false. В обработчике enterFrame будем перемещать клип вслед за мышью, «отслеживая» ее координаты. Заметьте, что свойства _visible, _x и _y относятся к клипу, а _xmouse и _ymouse — к главному монтажному столу _root.

Если кнопка мыши нажата на клипе, заменяем курсор и начинаем перетаскивание клипа. При отпускании кнопки возвращаем все обратно.

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

Символьные строки в программе заключаются в двойные кавычки и представляют собой объекты класса String (строка). У строки есть одно свойство

• length — длина строки,

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

• charAt(n) — символ в позиции n (номера символов начинаются с нуля);
• charCodeAt(n) — код символа в позиции n (целое число);
• substring(from, to) — подстрока, которая начинается с позиции from и заканчивается перед позицией to (то есть, символ с номером to в нее не входит); если второй аргумент не указан, выделяется фрагмент до конца строки;
• indexOf(sub) — ищет подстроку sub, возвращает номер ее первого символа; если такой подстроки нет, возвращает -1;
• toLowerCase() — преобразовать в строчные (маленькие) буквы;
• toUpperCase() — преобразовать в заглавные (большие) буквы.

Для того, чтобы соединять строки, используется знак +, например, так:

s = "123";
t = s + 45 + "6789";
trace ( t ); // получим "123456789"

Во второй строке число 45 было автоматически преобразовано к символьной форме.

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

Содержимое текстового поля — это тоже строка, то есть, объект класса String. Она имеет имя text, это значит, что адрес текстовой строки поля main запишется как main.text.

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

В нижней части поля сделаем информационную строку (динамическое текстовое поле) и при нажатии на кнопку будем выводить там количество символом в тексте, то есть длину строки main.text.

Объект Selection — это выделенная часть текста в одном из полей ввода. Он связан с тем элементом, который в данный момент имеет фокус, то есть принимает команды от клавиатуры.

Методы объекта Selection:

• setFocus("адрес") — передать фокус ввода текстовому полю, адрес которого указан в кавычках;
• getBeginIndex() — возвращает номер первого выделенного символа;
• getEndIndex() — возвращает номер символа, на котором выделение заканчивается (этот символ уже не входит в выделение);
• setSelection(start,end) — выделить область от символа с номером start до символа с номером end.

Добавим возможность поиска слова в тексте.

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

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

Используя методы объекта Selection, можно улучшить работу кнопок и : если что-то выделено, они будут менять только выделенную часть текста.

Сначала мы определим начало и конец выделенной части и запишем номера этих символов в переменные nStart и nEnd. Если они равны, то ничего не выделено и преобразуется весь текст. Если эти значения не равны, новая строка строится так: содержимое main.text «разрезается» на 3 части с помощью метода substring, ко второй части применяется метод toUpperCase.

Обратите внимание, что при вызове substring(nEnd) второй аргумент не указан, то есть выделяется фрагмент с символа nEnd до конца строки.

Заметим, что алгоритм работает даже тогда, когда поле main не имеет фокуса ввода (и обе функции getBeginIndex и getEndIndex вернут -1).

Объект Color позволяет изменять цвет клипов из программы. Для этого нужно сначала создать в памяти новый объект, связав его с клипом:

col = new Color ( адрес клипа );

Таким образом, мы получаем доступ к цвету объекта. Затем можно использовать два метода:

• setRGB(цвет) — установить новый цвет;
• getRGB() — получить цвет, установленный последней командой setRGB.

Цвет клипов задается в формате RGB (R=red, красный; G=green, зеленый; B=blue, синий) как длинное целое число, в котором «упакованы» значения составляющих R, G и B, каждая из которых представляет собой целое число от 0 до 255.

Чтобы удобно было разбираться в цветах, принято записывать их в шестнадцатеричной системе счисления, так что младшие две цифры — это B, следующие две — G, а две старших — R. Например, для цвет 0x660000 имеем R=66₁₆=102, G=B=0.

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

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

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

Массив из трех элементов можно объявить и заполнить так:

A = new Array(3);
A[0] = 12;
A[1] = 4.56;
A[2] = "Ку-ку!";

или так:

A = new Array (12, 4.56, "Ку-ку!");

или так:

A = [12, 4.56, "Ку-ку!"];

При работе с массивами, как и с другими объектами (кроме чисел, строк и логических переменных), есть один тонкий момент. Рассмотрим пример кода:

A = [1, 2, 3];
B = A;
B[1] = 99;
trace ( A );

Здесь создается массив A, затем он копируется в массив B. Потом изменяется B[1] и массив A выводится в окно Output. Вроде бы массив A не должен измениться, однако мы увидим в окне Output строчку:

1,99,3

Почему же изменился массив A? Дело в том, что оператор B=A НЕ создает новый массив, а просто копирует в B адрес массива A, то есть A и B обращаются к одной области памяти. Поэтому, изменив B, мы изменили и A. Чтобы действительно создать копию массива, нужно заменить оператор B=A на код

B = new Array();
for(i=0; i<A.length; i++) B[i] = A[i];

Здесь используется встроенное свойство length объекта Array — длина массива.

В нашем примере мы создадим массив, в котором будут храниться коды цветов всех кнопок.

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

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

Кнопка.onRelease = changeColor;

Далее мы с помощью цикла, в котором переменная i (номер кнопки) меняется от 0 до 8, настроим все кнопки сразу: перекрасим их в нужный цвет и добавим обработчик события.

Чтобы в цикле обращаться к кнопке по ее номеру, можно использовать специальную форму _root[имя]. Таким образом, _root["color0"] это то же самое, что и _root.color0, но преимущество первого метода в том, что имя кнопки можно построить динамически, во время выполнения, например, так:

_root["color"+chr(48+i)]

Функция chr преобразует код символа в символ. Учитывая, что цифры 0-9 имеют коды 48-57, при i=2 получаем _root["color2"].

Чтобы эта идея сработала, кнопкам нужно дать соответствующие имена color0, color1 и т.д., что уже было сделано заранее (проверьте это на панели Properties, выделив какую-нибудь кнопку).

Здесь переменная obj — это адрес кнопки с номером i.

Объекты класса Sound служат для управления звуком. С их помощью можно

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

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

Наша задача — сделать так, чтобы

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

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

Флажок Export for ActionScript делает звук доступным из программы, мы будем обращаться к нему по имени hey. Флажок Export in first frame загружает звук вместе с первым кадром, таким образом, звук будет доступен с самого начала фильма.

Теперь надо

• создать новый объект типа Sound с помощью конструктора new Sound();
• загрузить в него звук с помощью метода attachSound;
• запустить звук на проигрывание (метод start)
• остановит звук с помощью метода stop.

Мы свяжем этот код с клипом-мячом, поскольку он будет получать события mouseDown и keyDown вне зависимости от того, где находится мышка. Объект Sound строится сразу после загрузки в обработчике load, звук запускается в обработчике mouseDown и останавливается в случае события keyDown.

При вызове метода start первое число обозначает время от начала звукового файла в секундах (0 — с самого начала), а второй — количество повторов.

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

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

• l (left), левая граница;
• r (right), правая граница;
• t (top), верхняя граница;
• b (bottom), нижняя граница.

Здесь учтено, что начало координат находится в левом верхнем углу сцены.

Чтобы «добраться» до звука внутри клипа, нужно указать адрес клипа при создании объекта Sound. Например, в коде самого клипа можно использовать this:

bounce = new Sound(this);

Для изменения громкости используется метод setVolume, в скобках нужно указать громкость звука в процентах от исходной. Будем считать, что на дальней границе области громкость составляет 50%, а на ближней — 100%. Легко показать, что для произвольной точки с координатой y громкость (в процентах) можно вычислить по формуле:

vol = 50 + 50 * (y - t) / (b - t);

Будем считать, что так же изменяются и видимые размеры мяча, то есть свойства _xscale и _yscale.

Звуковой баланс регулируется с помощью метода setPan (set panoram — установить баланс), в скобках нужно задать величину от -100 (левая граница зоны, только левый канал) до 100 (правая граница, только правый канал). Тогда величину баланса для точки с координатой x можно определить так:

pan = 200 * (x - c) / (r - l) ;

где с — середина прямоугольника, среднее арифметическое l и r:

c = (l + r) / 2;

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

Длинное условие в операторе if означает «мышка находится в пределах активной зоны». На время перетаскивания указатель мыши скрывается.

Второй параметр при вызове startDrag, равный true, означает, что при перетаскивании точка регистрации клипа перемещается в точку, где находится курсор мыши.

В этом разделе мы изучим средства для работы с датами и временем:

• объект Date (дата);
• функцию getTimer() (получить время таймера).

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

Создать новый объект класса Date можно так:

d = new Date(2007, 5, 11);

Первое число — год, второе — номер месяца, третье — число. Эта дата — 11 июня 2007 года. Здесь нет ошибки, номера месяцев начинаются с нуля, поэтому месяц 5 в программе Flash — это июнь.

Если параметры не используются:

today = new Date();

создается объект с сегодняшней датой.

С помощью методов объекта Date можно определить год, месяц, число и день недели:

• today.getFullYear() — год;
• today.getMonth() — месяц;
• today.getDate() — число;
• today.getDay() — день недели;
• today.getHours() — часы;
• today.getMinutes() — минуты;
• today.getSeconds() — секунды.

Дни недели, так же, как и месяцы, нумеруются с нуля, причем неделя начинается с воскресенья (день 0), понедельник имеет номер 1 и т.д. В первой строчке мы остановили проигрывание, поскольку все изменения выполняются из программы. Затем в массивы weekDays и months записаны названия дней недели и месяцев (учитывая, что неделя у американцев начинается с воскресенья).

Затем в текстовые поля записываются данные сегодняшнего дня, причем некоторые из них выбираются из массивов.

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

Эта функция содержит внутреннюю функцию str2, которая принимает целое число n и переводит его в строку с помощью функции String. Затем, если число было меньше 10, к строке спереди добавляется ноль. Это сделано затем, чтобы, скажем, время 5 часов 3 минуты и 2 секунды изображались как 05:03:02, а не 5:3:2.

В основной части функции создается новый объект Date, содержащий текущую дату и время. С помощью методов getHours, getMinutes и getSeconds из него извлекаются часы, минуты и секунды. Далее они переводятся в символьный вид с помощью функции str2 и объединенная строка записывается в свойство text поля time.

Все бы хорошо, но функцию showTime надо вызывать периодически с интервалом не менее 1 секунды. К счастью, в среде Flash есть такое средство.

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

Займемся будильником. Для отслеживания времени будем использовать внутренний таймер. Вызов функции

t = getTimer();

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

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

Остальная работа выполняется клипом clock: вращение стрелки, тиканье раз в секунду и выдача сигнала будильника.

Если будильник не включили, ничего делать не надо и функция заканчивает работу.

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

Разница между текущим и стартовым временем переводится в секунды из миллисекунд (делением на 1000) и округляется до ближайшего целого числа с помощью функции Math.round, которая относится к объекту Math (математика).

Если вспомнить, что за 1 секунду стрелка должна повернуться на 6(=360/60) градусов, то нужный угол поворота стрелки равен diff*6. Если стрелку надо «довернуть», изменяем ее свойство _rotation и 1 раз проигрываем звук tick из библиотеки.

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

Заметим, что эта функция расположена в обработчике load, то есть она доступна с момента загрузки клипа в память.

Теперь добавим надпись «Пора вставать!», которая должна исчезать через 2 секунды после начала сигнала. Сначала эту надпись надо скрыть. Когда звенит будильник, мы откроем эту надпись, изменив ее свойство _visible на true.

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

function rot() {
  qq._rotation += 10;
}
setInterval ( rot, 1000 );

Через 1000 мс (или через 1 сек) будет вызываться функция rot, так что каждую секунду клип будет поворачиваться на 10 градусов.

Ссылку на интервал можно запомнить в переменной:

i = setInterval ( rot, 1000 );

Тогда для прекращения этих вызовов нужно вызвать функцию clearInterval:

clearInterval ( i );

или просто удалить из памяти эту переменную:

delete i;

Теперь применим этот способ к нашему случаю.

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

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

Выбрать нужную сцену для работы можно с помощью кнопки справа над рабочей областью или вызвав список сцен на панели Scene (клавиши Shift+F2 или меню Window—Other panels—Scene). В нижней части этого окна есть три кнопки:

	создать копию выделенной сцены;
	создать новую сцену;
	удалить выделенную сцену.

Мы добавим еще одну сцену, на которой и сделаем индикатор загрузки.

В результате индикатор должен выглядеть как-то так:

Для определения доли уже загруженной части клипа будем использовать два метода монтажного стола _root:

• _root.getBytesLoaded() — число загруженных байтов;
• _root.getBytesTotal() — общее число байтов в клипе.

При изменении процента загрузки будем удлинять синюю полоску bar, (изменяя ее масштаб _xscale) и увеличивать число в текстовом поле proc. При загрузке клипа устанавливаем нулевую длину индикатора в обработчике события load.

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

Если ролик полностью загружен, «отправляем» главный монтажный стол на следующий кадр командой nextFrame. Поскольку там только один кадр, происходит переход к следующей сцене.

При проверке ролика в локальном режиме (без Интернета) время загрузки ничтожно мало и мы не успеем увидеть работу загрузчика. Однако есть средство проверить и этот режим — имитация загрузки на медленном канале.