Тема 11. Внешние файлы

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

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

Каждый фильм находится на отдельном уровне, который имеет свой номер. Уровень 0 — это главный монтажный стол данного ролика, остальные уровни имеют номера 1, 2 и т.д. Уровни с большим номером находятся над уровнями с меньшим номером и перекрывают их. Стрелка на рисунке показывает направление взгляда.

Для обращения к уровню с номером N используют условное имя _levelN (level — уровень). Адрес _level0 совпадает с адресом _root данного фильма. Однако каждый загруженный фильм имеет свой главный монтажный стол _root, не зависящий от основного.

Загружаемые ролики могут иметь разную частоту смены кадров, но при проигрывании всегда используется частота, установленная для главного монтажного стола _level0.

Для загрузки фильма в нужный уровень используют функцию

loadMovieNum ( имя файла, номер уровня );

Например код:

loadMovieNum ( "vesti.swf", 1 );

загружает ролик vesti.swf в уровень 1. Для обращения к нему (например, для перемещения) нужно использовать адрес _level1. Однако это можно делать только в следующем кадре, иначе фильм не успеет загрузиться.

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

Сначала в массив chNames записываются имена файлов, в которых находятся ролики, изображающие телевизионные каналы. Эти файлы расположены в папке PRACTICE\11, там же, где и основной файл, поэтому не нужно указывать путь, достаточно имени файла.

Далее для удобства записываем длину массива (число каналов) в переменную MAX и вызываем функцию loadChannels, которая загружает ролики в память на уровни 1, 2 и 3. Обратите внимание, что в цикле при обращении к массиву использован индекс i-1, поскольку номера элементов массивов начинаются с нуля.

Если запустить и просмотреть ролик, мы ничего не увидим, потому что в первом кадре каждого из внешних фильмов стоит команда

_visible = false;

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

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

Настало время поговорить о переменных, которые мы раньше использовали на интуитивном уровне. Различают три типа переменных:

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

Локальные переменные действует только внутри функции, они объявляются с помощью слова var. Например, здесь переменные qq, x и s — локальные:

function A() {
  var qq;
  var x: Number, s: String;
  ...
}

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

Существуют три простых типа данных

• Number — число;
• Boolean — логическое значение (true или false);
• String — символьная строка.

Переменные могут принимать два специальных значения:

• null — особое нулевое значение;
• undefined — значение переменной не определено.

В примере

var q;
trace ( x );
trace ( q );

в окно Output выдается два раза результат undefined, поскольку переменная x вообще неизвестна, а q объявлена, но никакое значение ей не присвоено.

Переменные типа Object могут хранить ссылки на объекты (например, клипы), то есть, их адреса. Например, если разместить следующий код в любом кадре главной временной шкалы

var x: Object;
x = this;
trace(x);

в окно Output выводится _level0, то есть переменная x ссылается на главный монтажный стол.

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

myClip.x = 10;

Если же код стоит внутри обработчика события клипа, можно написать this.x=10; или просто x=10, этот прием мы неоднократно использовали.

Глобальные переменные вводятся с помощью слова _global:

_global.x = true;

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

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

Функции объявляются с помощью слова function:

function qq() {
  ...
}

Имя этой функции — qq, при ее вызове qq(); выполняются все команды внутри фигурных скобок. Многоточие здесь и далее означает любой код на ActionScript.

Функция может принимать параметры или аргументы — они перечисляются через запятую в скобках:

function qq ( x ) { ... }
function ww ( x:Number, s:String ) { ... }

Функция qq принимает один параметр, его тип может быть любой. Функция ww принимает два параметра, причем их типы жестко заданы: первый — число, второй — символьная строка.

Функция может возвращать результат (число, строку, логическое значение и т.д.) с помощью оператора return. Например:

function Sum ( x, y ) {
  var s = x + y;
  return s; // или return x + y;
}

Чтобы использовать это значение, надо записать его в переменную:

w = Sum ( 2, 3 );
trace ( w );

Функции, так же, как и переменные, бывают трех типов:

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

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

function qq () { ... }

с другой временной шкалы (из обработчика другого клипа) она вызывается как _root.qq().

Ту же функцию можно объявить по-другому:

qq = function() { ... }

При этом фактически создается переменная типа «ссылка на функцию» и в нее записывается адрес кода.

Глобальные функции объявляются с помощью слова _global:

_global.qq = function ( x ) { ... }

Эту функцию можно вызывать просто как qq() из любого места программы, в том числе из обработчиков событий клипов.

Локальные функции объявляются внутри другой функции и известны только там. В примере

trace(b);
a();
function a() {
  function b() {}
  trace(b);
}

функция b — локальная для функции a, поэтому первый вызов trace(b) даст результат undefined (не определено), а второй (изнутри функции a) — [type Function], то есть, найдена функция с таким именем.

Обработчики событий — это специальные методы кнопок и клипов. Например, вместо определения обработчика события on(release) можно записать адрес нужной функции в свойство onRelease кнопки или клипа.

Пусть на текущем монтажном столе есть кнопка с именем btn (имя кнопки задается в левой части на панели Properties). Разберем такой код:

btn.onRelease = function () {
   trace("q");
   btn.onRelease = second;
}
function second() {
   trace("qq");
   btn.onRelease = null;
}

Вначале обработчик события кнопки — это безымянная функция, которая выводит на экран букву q и, кроме этого, меняет обработчик события на адрес функции second.

При втором щелчке вызывается функция second, которая выводит две буквы q и уничтожает обработчик, записывая в него null. На последующие щелчки кнопка не будет реагировать.

Теперь займемся нашим начатым фильмом. Нужно учесть следующее:

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

Таким образом, к объекту Телевизор (имя tv) нужно добавить свойства-переменные:

• power — логическое значение, показывающее, включено ли напряжение;
• channel — номер ключенного канала;
• screenX и screenY — координаты левого верхнего угла экрана.

Учтем, что экран телевизора — это клип, имеющий имя screen (в левой части панели Properties). В самом начале питание отключено и установлен первый канал. Для размещения новых клипов на экране нужны его глобальные координаты (относительно всего окна, а не клипа-телевизора). Для использования функции localToGlobal создается новый объект p, к нему добавляются свойства x и y, равные локальным координатам экрана.

Теперь создадим обработчик кнопки включения питания.

Здесь вызывается функция power, которую мы сделаем глобальной и разместим в кадре 1 главной временной шкалы. Во-первых, эта функция меняет значение переменной tv.power (это переменная power клипа tv) на обратное. Если питание включается, включается и лампочка, имеющая имя lamp внутри клипа tv, она переходит на кадр с меткой on. Функция channel (пока еще не написанная) включает канал, номер которого хранится в переменной channel того же клипа tv.

При выключении питания лампочка гаснет (переходит на метку off). Затем выключается (делается невидимым) ролик включенного канала. Для получения ссылки на нужный клип используется функция eval. Если значение tv.channel равно 1, то строчка

obj = eval("_level" + tv.channel);

запишет в переменную obj адрес _level1.

Теперь определим функцию для включения нужного канала.

Сначала идет проверка исходных данных. Если питание не включено, ничего не происходит, потому что оператор return заканчивает выполнение функции.

Если задан номер канала меньше 1, включается последний канал с номером MAX. Если номер канала больше MAX, включается первый канал.

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

В конце функции номер включенного канала записывается в переменную channel клипа tv.

Остается добавить обработчики для кнопок пульта.

Обратите внимание, что в обработчиках кнопок-стрелок не проверяется допустимость нового номера канала — этим занимается функция channel.

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

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

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

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

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

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

Рисунки в формате JPEG (с расширением *.jpg) и Flash-ролики могут быть загружены с диска в клип (символ типа Movie Clip. При этом старое содержимое этого клипа выгружается из памяти и заменяется новым.

Часто для загрузки файлов используют пустые клипы — символы, внутри которых ничего нет. На сцене они отображаются белым кружком, если его выделить, то на панели Properties можно увидеть, что это символ типа Movie Clip.

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

Этот символ имеет имя back и служит для загрузки анимированного фона.

Сначала создается массив backFiles, содержащий имена клипов-фонов. Затем в клип back загружается случайно выбранный файл. Для этого используется метод клипа loadMovie, в скобках указывается имя файла.

То же самое можно сделать иначе, с помощью кода

loadMovie ( backFiles[i], "back" );

Это уже не метод объекта-клипа, а отдельная функция. В отличие от первого способа, здесь можно задать имя клипа, в который загружается файл, как второй параметр. То есть, его не обязательно знать заранее и можно построить «на лету», во время выполнения программы.

В нашем аквариуме будут три объекта: акула, медуза и морской конек. Информация об объектах запсывается в массив info. Это особый массив, каждый элемент которого сам является массивом. То есть, можно было написать и так:

info = new Array();
info[0] = ["Акула", "image0.jpg"];
info[1] = ["Медуза", "image1.jpg"];
info[2] = ["Конек", "image2.jpg"];

Для объекта с номером i название находится в элементе info[i][0], а имя файла-рисунка — в info[i][1].

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

• название info[i][0] записывается в динамическое текстовое поле с именем name;
• фотография (имя файла находится в info[i][1]) загружается в пустой клип picture, расположенный в левом верхнем углу области просмотра.

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

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

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

Дальше мы сделаем, чтобы при щелчке мышкой рисунок увеличивался в два раза и перетаскивался мышкой. Для того, чтобы вернуть его на место, предварительно надо запомнить начальные координаты x0 и y0. Самое подходящее место для этого — обработчик события load.

При щелчке мышкой (событие mouseDown) проверяем, попадает ли точка щелчка на рисунок. Для этого применяем метод hitTest. Если попадает, то увеличиваем масштаб рисунка до 100% (полный размер) и начинаем перетаскивание.

При отпускании мыши (событие mouseUp) надо закончить перетаскивание, вернуть рисунок на прежнее место (в точку с координатами (x0,y0)) и установить масштаб 50%. Мы добавим эти возможности к функции initPicture. Так сделано специально, поскольку эта функция вызывается при загрузке нового слайда и все будет правильно работать даже тогда, когда происходит автоматическая смена слайда во время перетаскивания.

Если вы сделали все правильно, фотография действительно увеличивается, но «вылезает» из области, отведенной рисунку, закрывает другие элементы. Чтобы ограничить область видимости, мы используем маску.

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

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

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

Чтобы установить маску для клипа picture, используется метод setMask:

picture.setMask ( mask );

Здесь mask — имя клипа маски. Вся часть клипа picture, которая не перекрывается клипом mask, не будет видна. При тщательной проверке оказывается, что если схватить рисунок за край, можно вытянуть его так, что появляется серый фон. Чтобы избавиться от этого недостатка, мы ограничим область перетаскивания.

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

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

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

Чтобы в области рисунка при перетаскивании не появлялся серый фон, левый верхний угол рисунка должен находиться в заштрихованном прямоугольнике, для которого l=x0-_width, t=y0-_height, r=x0 и b=y0. Поэтому вызов функции startDrag принимает вид:

startDrag(this, false, l, t, x0, y0 );

Второй параметр, равный false, говорит о том, что клип перетаскивается именно за то место, за которое его схватили. При значении true точка регистрации «прыгнет» к курсору мыши. Можно еще немного улучшить режим увеличения. Если мы хотим увеличить глаз акулы, мы щелкаем именно там. Но сейчас рисунок сдвигается, под курсором мышки будет уже не глаз, а другая точка, что неправильно.

Исправить этот недостаток очень просто: при переходе в режим увеличения надо сразу сдвинуть координаты клипа так, чтобы точка щелчка оставалась неподвижной. При увеличении в два раза сдвиг по осям X и Y равен расстояниям от точки щелчка до левой и верхней границ клипа picture.

Добавим к каждому элементу массива info еще одну составляющую — имя музыкального файла в формате MP3. Эти файлы, так же, как Flash-ролики для фона и рисунки, находятся в папке PRACTICE\11. При переходе на новый слайд будем останавливать предыдущий звук, создавать новый объект Sound, и загружать в него звуковой файл с помощью метода loadSound. Этот метод для объекта snd вызывается так:

snd.loadSound ( имя файла, флаг );

Второй параметр флаг — это логическое значение. Если оно равно true, загружается потоковый звук, который может проигрываться в ходе загрузки. Если задать значение false, проигрывание звука начнется только после полной загрузки. Теперь сделаем, чтобы ход проигрывания показывался на линейном индикаторе под рисунком. Индикатор представляет собой клип, в котором 100 кадров и для прямоугольника установлена анимация формы — его длина увеличивается от нуля до максимальной.

У звукового объекта snd есть два свойства:

• snd.position — уже проигранная часть звука в миллисекундах;
• snd.duration — общая длительность звука.

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

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

В левом верхнем углу сцены есть область для баннеров. В нее входят

• пустой клип с именем banner,
• кнопка с надписью Баннеры вкл/выкл для отключения и включения показа баннеров;
• клип, который появляется при отключении баннеров.

Баннеры с именами banner0.swf, banner1.swf и banner2.swf — это Flash-ролики размером 100 на 40 пикселей, которые содержат по 36 кадров, то есть проигрываются три секунды при частоте 12 кадров в секунду. Имена файлов предварительно записываются в массив bannerFiles. Функция newBanner случайно выбирает номер баннера и загружает его с диска в клип banner. Вызов setInterval создает таймер, который раз в 3 секунды вызывает функцию newBanner. Ссылка на этот таймер записывается в переменную bInt, мы будем использовать ее далее.

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

unloadMovie ( banner );

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

Ответ на вопрос «Что делать?» (включать или выключать) дает значение переменной bInt. Если оно равно null, значит баннеры сейчас отключены, если нет — баннеры показываются.