Специализированные объекты ActionScript

Вы увидите на экране разность двух значений времени. Когда вы устанавливаете значение времени средствами объекта Date, это оказывает воздействие только на те поля даты и времени, которые соответствуют примененному вами методу. Для всех прочих элементов информационной структуры, содержащей данные о дате и времени, будут по-прежнему использоваться показания системных часов. Допустим, вы запустили приведенный выше сценарий в среду 23 августа 2000 года в 7 часов 41 минуту. При выполнении сценария изменятся только секунды: Wed Aug 23 07:41:59 GMT-0500 2000

Значение, полученное при выполнении метода getSeconds(), будет отличаться от нового значения даты лишь секундами. Ниже приводится список всех методов объекта Date и их параметров (dateObj здесь используется как имя произвольного объекта класса Date).

• dateObj.getDate(). Возвращает день месяца (1-31).
  
• dateObj. getDay(). Возвращает порядковый номер дня недели (0 — воскресенье, 6 — суббота).
  
• dateObj.getFullYear(). Возвращает полный номер года (например, 2002).
  
• dateObj.getHours(). Возвращает номер часа (значение находится в интервале от 0, что соответствует полуночи, до 23).
  
• dateObj.getMilli seconds (). Возвращает текущую миллисекунду, основываясь на показаниях системных часов. Диапазон возвращаемых значений — от 0 до 999.
  
• dateObj.getMinutes(). Возвращает текущую минуту (0-59).
  
• dateObj.getMonth(). Возвращает информацию о текущем месяце. Месяцы последовательно нумеруются от 0 (январь) до 11 (декабрь).
  
• dateObj.getSeconds(). Возвращает текущую секунду (в интервале 0-59).
  
• dateObj.getTime(). Возвращает количество миллисекунд, прошедших между 1 января 1970 года и текущим моментом времени.
  
• dateObj.getTimezoneOffset(). Возвращает разницу (в минутах) между показаниями ваших системных часов и стандартным временем.
  
• dateObj.getUTCDate(). Возвращает стандартную дату.
  
• dateObj.getUTCDay(). Возвращает порядковый номер дня недели по текущему стандартному времени (0 — воскресенье, 6 — суббота).
  
• dateObj. getUTCFul I Year (). Возвращает полный номер года по текущему стандартному времени (например, 2002).
  
• dateObj.getUTCHours(). Возвращает текущий номер часа по стандартному времени (от 0, что соответствует полуночи, до 23).
  
• dateObj.getUTCMilliseconds(). Возвращает текущее значение стандартных миллисекунд (в интервале 0-999), основываясь на показаниях ваших системных часов.
  
• dateObj.getUTCMinutes(). Возвращает стандартные минуты (0-59).
  
• dateObj.getUTCMonth(). Возвращает порядковый номер стандартного месяца. Месяцы нумеруются от 0 (январь) до 11 (декабрь).
  
• dateObj.getYear(). Возвращает уменьшенный на 1900 номер текущего года (например, для 2004 года будет возвращено число 104).
  
• new Date(year, month, date, hour, min, sec, ms). Конструктор объекта со списком необязательных параметров (см. соответствующий раздел).
  
• dateObj.setDate(date). Устанавливает день месяца, задаваемый в интервале от 1 до 31.
  
• dateObj.setFifn Year (year, month, date). Устанавливает номер года; параметры month и date являются факультативными.
  
• dateObj.setHours(hours, minutes, seconds, ms). Устанавливает номер часа; факультативно можно указать также минуты, секунды и миллисекунды.
  
• dateObj.setMi11iseconds (ms). Устанавливает значение текущей миллисекунды.
  
• dateObj.setMinutes(minutes, seconds, ms). Устанавливает текущую минуту; факультативно можно задать также секунды и миллисекунды.
  
• dateObj.setMonth(month. date). Устанавливает текущий номер месяца; факультативно можно указать также день месяца.
  
• dateObj.setSeconds(seconds, ms). Устанавливает текущую секунду; факультативно можно указать миллисекунды.
  
• dateObj.setTime(value). Устанавливает текущую миллисекунду на основе произвольно задаваемого значения. (Вы можете передать этому методу любое значение value, например 2500, но это число не будет рассматриваться как обозначение времени.)
  
• dateObj.setUTCDate(date). Устанавливает номер дня месяца по стандартному времени (1-31).
  
• dateObj.setUTCFull Year (year, month, date). Устанавливает значение года по стандартному времени; факультативно задаются номер месяца и дата.
  
• dateObj.setUTCHours(hours, minutes, seconds, ms). Устанавливает час по стандартному времени; факультативно могут задаваться также минуты, секунды и миллисекунды.
  
• dateObj.setUTCMiniseconds(ms). Устанавливает миллисекунды по стандартному времени.
  
• dateObj.setUTCMinutes(minutes, seconds, ms). Устанавливает минуты по стандартному времени; факультативно можно также указать секунды и миллисекунды.
  
• dateObj.setUTCMonth (month, date). Устанавливает номер месяца по стандартному времени; факультативно можно указать также день месяца.
  
• dateObj.setUTCSeconds(seconds, ms). Устанавливает секунды по стандартному времени; факультативно можно задать также миллисекунды.
  
• dateObj.setYear(year, month, date). Устанавливает номер года, задаваемый целым четырехзначным числом (например, 2005); факультативно можно задать также значения месяца и дня.
  
• toString(). Преобразует значение объекта в строку.
  
• Date.UTC(year, month, date, hour, min. sec, ms). Устанавливает значения года, месяца, дня, часа, минуты, секунды и миллисекунды по стандартному времени.
  

Проект. Получение информации о времени и дате

В файле ShowDateAndTime.fla на компакт-диске содержится фильм, в котором используется несколько объектов, представляющих дату и время по Гринвичу и в местном стандарте. На рис. 8.5 показан экран этого фильма. Хотя данный фильм достаточно прост, текст сценария, определенного для кадра, довольно интересен. В фильме присутствуют три слоя:

• Date (Дата);
  
• World (Мир);
  
• Background (Фон).
  

Рис. 8.5. В текстовых полях может отображаться как местное, так и стандартное время

Слой Date

В данном фильме практически вся информация, если не считать различных элементов фона, располагается в слое Date (Дата). Возможно, прежде чем приступать к работе над слоем Date, имеет смысл создать слои World (Мир) и Background (Фон). Затем можно протестировать и отладить текст сценариев, разместив текстовые поля в пустой рабочей зоне, и лишь после этого подключить готовый фон. Свойства текстовых полей перечислены в табл. 8.3.

Таблица 8.3. Имена переменных и свойства текстовых полей

	Имя переменной	Флажок Border/Bg	Способ выравнивания
	Timer	Установлен	Полевому краю
	Zulu	Установлен	Полевому краю

 

1. Щелкните на втором кадре и нажмите клавишу F5, чтобы вставить новый кадр. Весь код ActionScript, используемый в данном фильме/относится к кадрам. Поскольку показания системных часов постоянно обновляются, в фильме требуется создать как минимум два кадра, чтобы информация в первом из них также обновлялась.
   
2. Дважды щелкните на первом кадре, чтобы открыть панель Frame Actions (Операции кадра) с полем редактора сценариев ActionScript. Введите следующий сценарий:
   

tellMonth = new Аггау("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");

nowDate = new Date();

dom = nowDate.getDate();

month = nowDate.getMonth();

year = nowDate.getFullYear();

timer = tellMonth[month] + " "+ dom + ", " + year;

zuluHours = nowDate.getUTCHours();

zuluMinutes = nowDate.getUTCMinutes();

if (zuluMinutes<10) {

zuluMinutes = "0"+zuluMinutes;

}

zulu = zuluHours+":"+zuluMinutes;

В первой строке этого сценария создается массив, содержащий названия 12 месяцев. Нумерация элементов в массивах начинается с 0, а не с 1, что вполне соответствует требованиям метода getMonth() объекта Date — для обозначения первого календарного месяца года используется константа 0.

После этого в сценарии с помощью конструктора Date() создается объект nowDate класса Date. Информация этого объекта распределена по трем переменным, соответствующим числу, месяцу и году. Текстовое поле, с которым связана переменная timer, предназначено для вывода результата конкатенации их значений. Переменная month используется в качестве индекса массива. При этом выводится не номер, связанный с конкретной датой, а соответствующее название месяца.

Переменные zuluMinutes и zuluHours предназначены для хранения информации о стандартном времени. Объект nowDate вновь появляется в тексте сценария, поскольку с его помощью можно оперировать всеми объектами класса Date.

Условная инструкция позволяет определить, является ли значение переменной zuluMinutes меньшим, чем 10. Необходимость в такой проверке диктуется тем, что метод getUTCMinutes() в соответствующих случаях возвращает лишь одиночные цифры. К примеру, в 6 часов 5 минут на выходе окажется строка "6:5". Чтобы решить данную проблему, мы используем вставку нуля перед числом, выражающим количество минут, если возвращенное значение действительно оказалось меньше 10.

Наконец, стандартное время отображается на экране за счет объединения в переменной zulu значений zuluHours и zuluMinutes (рис. 8.6).

Рис. 8.6. В данном фильме отображается текущее значение локальной даты и стандартного времени в часах и минутах

СОВЕТ

УНИВЕРСАЛЬНЫЕ ЧАСЫ. Достаточно легко модифицировать файл ShowDateAnd-Time.fla, чтобы создать универсальные часы. Просто воспользуйтесь стандартным временем и заранее известной разницей в часовых поясах между местным и стандартным временем для главных городов мира: Лондона, Парижа, Берлина, Москвы, Пекина, Токио, Сан-Франциско, Чикаго и Блумфилда (штат Коннектикут). Вы вполне можете самостоятельно справиться с этой задачей. Постарайтесь собрать воедино все знания, которые вы приобрели, дочитав книгу до этой страницы.

Чтобы включить в рассмотрение день недели, можнодобавить к сценарию еще один массив и использовать метод getDay(). Приведенный ниже текст сценария демонстрирует, как именно это сделать.

dayRay=new Array("Sunday"."Monday","Tuesday","Wednesday". "Thursday"."Friday"."Saturday");

nowDate=new Date();

dayNow=nowDate.getDay();

output=dayRay[dayNow];

Слой World

Слой World (Мир) представляет собой стилизованную карту мира.

Слой Background

Слой Background (Фон) состоит из разноцветных прямоугольников. Здесь вы можете выбрать цвет фона для создаваемого фильма.

Объект Math

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

Math.exp(S);

Math.PI;

Имена большей части методов и констант «самоочевидны»; они связаны с математическими операциями, которые обозначаются практически так же.

Появление в системе Flash 5 тригонометрических методов практически устраняет необходимость написания каких бы то ни было математических функций для большинства пользователей. Вместо предлагавшейся в старых версиях функции гandom() теперь рекомендуется использовать метод Math. random(), хотя старая функция также сохранилась в языке ActionScript. Кроме того, в пакете Flash 5 появилось восемь новых констант.

Следующий пример фильма, который мы рассмотрим, позволяет пользователю ввести одно или два произвольных числа, на основе которых иллюстрируется механизм работы основных математических методов; фильм отображает на экране возвращаемые этими методами значения. Если в одном из полей, представляющих результат вычислений, вы увидите значение NaN (Not a Number — не число), это означает следующее: либо вы ввели число, выходящее за допустимые пределы, либо для данного метода необходимо задать два числа, в то время как вы предоставили лишь одно. Например, для вызова метода вычисления арктангенса atan2() требуется задать значения по двум координатам. Если вы введете лишь одно число, в соответствующем поле будет выведено значение NaN. Константы объекта Math перечислены в следующем списке:

• Math.E — основание натурального логарифма (2,718), или константа Эйлера;
  
• Math.LN10 — натуральный логарифм числа 10 (2,302);
  
• Math.LN2 — натуральный логарифм числа 2 (0,693);
  
• Math.LOG2E — логарифм числа е по основанию 2 (1,442);
  
• Math.LOG10E — логарифм числа е по основанию 10 (0,434);
  
• Math.PI — отношение длины окружности к ее диаметру (3,14159);
  
• Math.SQRT1_2 - квадратный корень из 1/2 (0,707);
  
• Math.SQRT2 — квадратный корень из 2 (1,414).
  

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

Проект. Применение методов объекта Math

Назначение большинства методов объекта Math иллюстрируется фильмом, который находится в файле MathObject.fla на компакт-диске. Обратите внимание на метод Math.random() в конце перечня методов — его рекомендуется использовать вместо существовавшей в прежних версиях функции random(). Особенность использования метода Math.random() состоит в том, что,верхняя граница диапазона для выбора случайного числа не передается этому методу в качестве аргумента, а используется как множитель. Значение нижней границы диапазона при необходимости можно вычесть из результата вычислений (см. листинг сценария для кадра 1). На рис. 8.7 показан начальный экран фильма и представлен его единственный слой.

Рис. 8.7. В этом фильме двадцать текстовых полей — 2 редактируемых поля для ввода чисел и 18 полей, в которых отображаются результаты работы методов объекта Math

Все объекты фильма находятся в его единственном слое; сценарий ActionScript следует ввести в кадре 1. Перед вводом сценария выделите кадр 2 и нажмите клавишу F5, чтобы добавить к слою новый кадр.

Кадр 1

m=new Array(18);

A = parseFloat(inputA):

В = parseFloat(inputB):

abs=Math.abs(A);

acos=Math.acos(A);

asin=Math.asin(A);

atan=Math.atan(A);

atan2=Math.atan2(A,B):

cei1=Math.cei1(A);

cos=Math.cos(A);

exp=Math.exp(A);

floor=Math.floor(A):

log=Math.log(A);

max=Math.max(A,B);

min=Math.min(A,B);

pow=Math.pow(A,B);

round=Math.round(A);

sqrt=Math.sqrt(A);

sin=Math.s1n(A);

tan=Math.tan(A);

ran=Int((Math.random ())*B)

Результаты работы всех методов поступают в текстовые поля, имена которых соответствуют методам объекта Math. Обычно не рекомендуется использовать имена методов и другие стандартные идентификаторы ActionScript в качестве имен переменных, однако в данном фильме эта рекомендация не принята во внимание, чтобы можно было наиболее естественным образом связать вызываемые методы с полями для вывода результатов и с надписями, размещенными рядом с этими полями. В табл. 8.4 представлены характеристики всех текстовых полей. Все поля относятся к типу Input Text (Набираемый текст) — именно этот вариант следует выбрать для них в панели Text Options (Параметры текста). Однако в действительности только два поля — inputA и inputB — обладают рамкой и собственным фоном и используются для ввода данных. В то время как на длину строк, которые вводятся в этих полях, никаких ограничений не накладывается, длина строк, выводимых в прочих текстовых полях, ограничена константой 4. В противном случае результаты вычислений, произведенных математическими методами, могли бы наложиться друг на друга. Имейте в виду, что в поле Max. Chars (Максимальное количество символов) панели Text Options задается максимальная длина строки с учетом всех составляющих ее символов. К примеру, строка -2.1 состоит из четырех символов: в это число входят знак «минус» и десятичная точка; именно такая длина является максимальной для наших текстовых полей.

Таблица 8.4. Имена переменных и свойства текстовых полей

	Имя переменной	Флажок Border/Bg	Способ выравнивания	Ограничение на длину
	InputA	Установлен	По левому краю	0
	InputB	Установлен	Полевому краю	0
	Abs	Снят	Полевому краю	4

 

	Имя переменной	Флажок Border/Bg	Способ выравнивания	Ограничение на длину
	Acos	Снят	По левому краю	4
	Asin	Снят	Полевому краю	4
	Atan	Снят	Полевому краю	4
	atan2	Снят	Полевому краю	4
	Cell	Снят	По левому краю	4
	Cos	Снят	По левому краю	4
	Exp	Снят	Полевому краю	4
	Floor	Снят	По левому краю	4
	Log	Снят	Полевому краю	4
	Max	Снят	Полевому краю	4
	Min	Снят	По левому краю	4
	Pow	Снят	Полевому краю	4
	Round	Снят	Полевому краю	4
	Sin	Снят	Полевому краю	4
	Bbln	Снят	Полевому краю	4
	Sqrt	Снят	Полевому краю	4
	Tan	Снят	Полевому краю	4
	Ran	Снят	По левому краю	4

На рис. 8.8 показаны результаты работы фильма, соответствующие значениям, введенным в текстовых полях А и В. Поскольку для демонстрации работы метода Math.randomO используется множитель, введенный в поле В, вы должны ввести в этом поле какое-то значение. Это значение становится верхней границей диапазона генерируемых случайных чисел. (Учтите, что, когда вы запустите данный фильм, значение, выданное методом Math.randomO, скорее всего, не совпадет с представленным на рисунке.)

Рис. 8.8. Изменяя значения в редактируемых текстовых полях А и В, при желании можно с легкостью разобраться в назначении всех методов »

Объект Number

Объект Number выполняет две функции: обеспечивает корректную работу в системе Flash 5 сценариев в формате Flash 4 и предоставляет в распоряжение авторов фильмов ряд методов обработки числовых данных. Впрочем, подавляющее большинство методов обработки числовых данных покрывается объектом Math. Основную ценность объекта Number составляют его константы. Кроме того, при преобразовании данных часто применяются конструкторы объекта Number, каковыми являются Number.toString и Number. valueOf. В дальнейшем мы рассмотрим ряд примеров, демонстрирующих механизм их действия. Перечислим константы объекта Number:

• Number. MAX_VALUE — наибольшее возможное число;
  
• Number.MIN_VALUE — наименьшее возможное число;
  
• Number.NaN — значение NaN (Not a Number — не число);
  
• Number.NEGATIVE_INFINITY — отрицательная бесконечность;
  
• Number.POSITIVE_INFINITY — положительная бесконечность.
  

Проект. Применение методов объекта Number

Для иллюстрации действия методов объекта Number мы воспользуемся фильмом, находящемся в файле Dec2Hex.fla на компакт-диске. Этот фильм создает объект Number и преобразует число, записанное в десятичной системе счисления, в строку, содержащую шестнадцатеричное представление этого числа. В фильме всего один слой, в первом кадре которого находится довольно компактный сценарий. Щелкните на кадре 2 и нажмите клавишу F5, чтобы добавить к фильму второй кадр. Это обеспечит непрерывное обновление информации, поскольку фильм при воспроизведении будет постоянно переключаться между первым и вторым кадрами. Рабочую зону фильма вы можете увидеть на рис. 8.9.

В единственном слое фильма Convert Me (Преобразуй меня) необходимо создать два текстовых поля и определить их параметры в соответствии с данными табл. 8.5.

Таблица 8.5. Имена переменных и свойства текстовых полей

	Имя переменной	Флажок Border/Bg	Способ выравнивания	Ограничение на длину
	NumIn	Установлен	Полевому краю	0
	NumOut	Снят	Полевому краю	0

Затем введите в кадре 1 приведенный ниже сценарий. В этом сценарии создаются два объекта. Сначала порождается объект Number; в качестве источника данных для него указывается одно из текстовых полей. После этого создается объект String, один из методов которого обеспечивает вывод результата преобразования числа в строку, содержащую его шестнадцатеричное представление, в верхнем регистре.

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

Рис. 8.10. Десятичное и шестнадцатеричное представления числа не имеют между собой ничего общего. Попробуйте ввести свой вес в десятичной системе счисления и убедитесь, что шестнадцатеричное число представляет вас значительно более стройным человеком — ваши 150 фунтов мгновенно превратятся в какие-то 96

Кадр1

nuVal=new Number( parselnt(numln));

nuHex=new String();

nuHex=nuVal.toString(16);

numOut=nuHex.toUpperCase();

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

Объект Sound

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

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

magSound=new Sound();

Здесь идентификатор magSound — это имя, назначаемое объекту Sound. После выполнения этой инструкции вы сможете управлять звуком, присоединяя к имени объекта Sound имена методов и указывая необходимые параметры. Большинство методов объекта Sound присоединяются в тексте сценария к его имени с помощью оператора . (точка), как показано ниже. MagSound.setVolume(75):

Такой формат используется для большинства методов. Однако с методом setTransform() все совершенно иначе; вопросы работы с ним мы обсудим в конце этого урока. Прочие методы представлены в следующем списке.

• attachSound("soundName"). Присоединяет к фильму звуковой файл из библиотеки.
  
• getPan(). Возвращает последнее по времени значение баланса в интервале от -100 до 100. Левой колонке соответствует отрицательное значение, а правой — положительное. Значение, равное 0, представляет равномерное распределение силы звука.
  
• getVolume(). Возвращает значение в интервале от 0 до 100, представляющее уровень громкости.
  
• setPan(). Устанавливает баланс между левой и правой колонками. Значения в интервале от -100 до -1 соответствуют большей громкости левой колонки, а в интервале от 1 до 100 — правой.
  
• setVolume(). Применяется для установки уровня громкости; допустимые значения параметра находятся в интервале от 0 до 100; по умолчанию используется значение 100.
  
• startCoff.loop). Начинает воспроизведение звукового файла; факультативные параметры позволяют задать время задержки (в секундах) и количество повторений.
  
• stop(). Прерывает воспроизведение звукового файла; у этого метода никаких параметров нет.
  

Метод Sound.setTransform

Для вызова метода setTransform требуется указать объект класса Object, который должен быть связан с четырьмя параметрами работы колонок. После создания объекта класса Object с помощью соответствующего конструктора (при этом обеспечивается объединение значений указанных параметров) следует создать объект Sound, который будет обрабатывать эти значения с помощью метода setTransform. Четыре параметра, о которых идет речь, определяют уровень входного сигнала в процентах. Значения всех параметров находятся в диапазоне от -100 до 100:

• ll — уровень воспроизведения в левой колонке сигнала, поступающего с левого входа, выраженный в процентах;
  
• lr — уровень воспроизведения в левой колонке сигнала, поступающего с правого входа, выраженный в процентах;
  
• rr — уровень воспроизведения в правой колонке сигнала, поступающего с правого входа, выраженный в процентах;
  
• rl — уровень воспроизведения в правой колонке сигнала, поступающего с левого входа, выраженный в процентах.
  

По умолчанию для стереозвука установлены значения 100 для параметров ll и rr и 0 для параметров 1г и rl. Задавая другие комбинации, вы можете получать довольно интересные эффекты. В общем виде процедура настройки параметров звука с помощью метода setTransform выглядит следующим образом:

AlphaTransform=new Object();

Al phaTransform. ll =100:

Al phaTransform. lr=0;

Al phaTransform.rr=100;

Al phaTransform.rl =0:

A1phaSound=new Sound();

Al phaSound.setTransform(AlphaTransform);

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

Объекты для работы с XML и сокетами XML

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

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

Проект. Управление звуком в двух колонках

В фильме, содержащемся в файле SoundJam.fla на компакт-диске, используются следующие слои:

• Components (Компоненты) с клипами:
  
  • Left Slider (Левый ползунок);
    
  • Right Slider (Правый ползунок);
    
  • Speaker (Колонки);
    
  • Cat (Кошка);
• Sound (Звук);
• Background (Фон).
  

В этом проекте совместно используется несколько различных компонентов системы Flash и языка ActionScript. С помощью объекта Sound и метода Sound, setTransform() обеспечивается интерфейс, в котором пользователь с помощью двух ползунков может управлять уровнем звука в колонках, подключенных к компьютеру. При этом на экране при воспроизведении музыки пульсируют две нарисованные колонки; кроме того, в такт музыке на экране танцует кошка. На рис. 8.11 показан начальный экран фильма.

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

Рис. 8.11. Ползунки представляют собой клипы, содержащие кнопки, в которых определены сценарии ActionScript управляющие уровнем звука в колонках

Слой Components

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

Клип Left Slider

Левый и правый ползунки практически идентичны. Сценарий, связанный с левым ползунком, работает с параметрами левой колонки (ll и lr). Данный клип не реализован как стандартный ползунок, созданный на основе обработчика события onClipEvent (). Вместо этого используются сценарии кнопок. При применении обработчика события onClipEvent() пришлось бы ограничиться единственной операцией перетаскивания. Подход, при котором применяются кнопки, расположенные внутри клипов, позволяет обрабатывать любое количество событий перетаскивания. Поскольку между левым и правым ползунками много общего, мы подробно рассмотрим только процесс создания левого ползунка. Правый ползунок отличается лишь именем клипа и текстом сценария.

1. Нажмите комбинацию клавиш Ctrl+F8 (Windows) либо Cmd+F8 (Macintosh), чтобы создать символ кнопки, который будет использоваться как ручка ползунка. Эту ручку можно сделать прямоугольной (см. рис. 8.11). Определите для данной кнопки имя handle (ручка). Щелкните на кнопке Scene 1 (Сцена 1), чтобы вернуться к работе с главной кинолентой.
   
2. Вновь нажмите комбинацию клавиш Ctrl+F8 (Windows) либо Cmd+F8 (Macintosh), чтобы создать еще один символ. В диалоговом окне Symbol Properties (Свойства символа) установите переключатель Movie Clip (Клип) и введите имя ISlider (левый ползунок). Не выходя из режима редактирования символов, перетащите экземпляр кнопки handle (ручка) в центр окна (центр в режиме редактирования символов обозначается крестиком в рабочей зоне).
   
3. Выделите экземпляр кнопки. Откройте панель операций и поле редактора сценариев ActionScript. Введите следующий текст сценария:
   

   on (press) {
   

   startDrag (_root.left, false, 227. 160. 227, 360);
   

   lSpeaker = (_root.left._y)-260;
   

   speakerSet = new Object();
   

   speakerSet.il = 1 Speaker;
   

   speakerSet.1 г = 0:
   

   CajunSound = new Sound();
   

   CajunSound.setVolume(100);
   

   CajunSound.setTransform(speakerSet);
   

   }
   

   on (release) {
   

   stopDrag (); }
   

4. Щелкните на кнопке Scene 1 (Сцена 1), чтобы вернуться к работе с главной кинолентой. Проведите вертикальную линию длиной 200 пикселов, начинающуюся в позиции 160 по оси Y и в позиции 227 по оси X и спускающуюся к позиции 360 по оси Y. Для правильного расположения этой линии воспользуйтесь средствами панели Info (Информация).
   
5. Перетащите экземпляр клипа ISlider (левый ползунок) в середину описанной линии. Клип следует поместить в позицию 260 по оси Y, чтобы он оказался строго по центру, как показано на рис. 8.11, с помощью панели Info (Информация).
   
6. Откройте панель Instance (Экземпляр) с помощью комбинации клавиш Ctrl+I (Windows) либо Cmd+I (Macintosh), выделите клип ISlider (левый ползунок) и введите имя экземпляра left (левый). Во второй и третьей строках приведенного выше сценария идентификатор left адресует данный клип как ручку ползунка, регулирующего громкость.
   

ВНИМАНИЕ

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

Клип Right Slider

Повторите шаги 1-6 со следующими отличиями:

• проведите вертикальную линию длиной 200 пикселов, начинающуюся в позиции 160 по оси Y и в позиции 310 по оси X и спускающуюся к позиции 360 по оси Y;
  
• используйте для клипа имя rSlider (правый ползунок);
  
• введите в панели Instance (Экземпляр) имя экземпляра клипа right (правый).
  

on (press) {

startDrag (_root. right, false, 310, 160. 310, 360);

rSpeaker = (_root. right. _y)-260;

speakerSet = new Object();

speakerSet.rr = rSpeaker;

speakerSet. rl = 0;

CajunSound = new Sound();

CajunSound . setVol ume(100) ;

CajunSound. setTransform( speakerSet);

}

on (release) {

stopDrag ();

Клип Speaker

Колонки представлены на экране двумя экземплярами клипа Speaker (Колонка). В работе над этими колонками автору оказал помощь известный дизайнер Хиллман Кёртис (Hillman Curtis).

1. Нажмите комбинацию клавиш Ctrl+F8 (Windows) либо Cmd+F8 (Macintosh), чтобы открыть диалоговое окно Symbols Properties (Свойства символа). Установите переключатель Movie Clip (Клип) и введите имя speaker (колонка). Щелкните на кнопке ОК, чтобы перейти в режим редактирования символов. Щелкните на кадре 15 и нажмите клавишу F5, чтобы вставить кадр.
   
2. Нарисуйте окружность диаметром 90 пунктов, задав точный размер средствами панели Info (Информация). Выделив эту окружность, скопируйте ее с помощью команды Edit > Сору (Правка > Копировать) или воспользуйтесь комбинацией клавиш Ctrl+C (Windows) либо Cmd+C (Macintosh).
   
3. Выполните команду Edit > Paste in Place (Правка > Вставить на место) и измените размеры окружности, задав ширину и высоту, равные 36 пунктам. Поскольку при этом у вас выделена первая копия окружности, вторая копия окажется внутри нее.
   
4. Выделите большую окружность. Скопируйте и вставьте ее с помощью команды Edit > Paste in Place (Правка > Вставить на место); задайте ширину и высоту, равные 96 пунктам.
   
5. Выберите инструмент заливки и установите режим радиальной заливки, выбрав зеленый цвет с помощью кнопки выбора цветов. Залейте центральную и вторую от центра окружность зеленым цветом.
   
6. Не переключаясь на другие инструменты, щелкните на кнопке Transform Fill (Преобразовать заливку), расположенной в нижней части набора инструментов. Щелкните кнопкой мыши внутри маленького круга и перетащите центр заливки (белую точку) в позицию, соответствующую 11 часам на циферблате. Вновь щелкните на кнопке Transform Fill и перетащите центр заливки для второй окружности в позицию, соответствующую 5 часам на циферблате.
   

ПРИМЕЧАНИЕ

Весь описанный процесс выполняется в режиме редактирования символов.

7. Чтобы анимировать колонку, последовательно выделяйте каждый четвертый кадр и нажимайте клавишу F7, чтобы вставить пустой ключевой кадр. Затем выделяйте кадры, расположенные за пустыми ключевыми кадрами, и нажимайте клавишу F6, чтобы вставить новый ключевой кадр. После этого выделите колонку. Скопируйте ее в буфер обмена и вставьте в кадр, следующий за ключевым кадром, который расположен за первым пустым ключевым кадром. Выполните команду Window > Panels > Transform (Окно > Панели > Трансформация), чтобы открыть панель Transform (Трансформация). Установите флажок Constrain (Ограничить) и введите в полях масштабирования значение, соответствующее 60 процентам. На рис. 8.12 и 8.13 показан вид колонки в двух соседних непустых ключевых кадрах в режиме редактирования символов. В ключевом кадре, находящемся за вторым пустым ключевым кадром, вставьте копию изображения колонки, не меняя его первоначальных размеров. В ключевом кадре, расположенном за третьим пустым ключевым кадром, вставьте еще одну уменьшенную копию колонки.
   

Рис. 8.12. Большая колонка

Рис. 8.13. Маленькая колонка

8. Щелкните на кнопке Scene 1 (Сцена 1), чтобы вернуться к работе с главной кинолентой. Перетащите в рабочую зону два экземпляра колонки и дорисуйте характерные коробки вокруг готовых мембран, как показано выше, на рис. 8.11.
   

Клип Cat

Рисунок кошки для этого клипа позаимствован из шрифта Лесли Кабарга (Leslie Cabarga), также известного дизайнера фильмов Flash. Один из символов шрифта Kobalt-Kartoon (этот шрифт можно найти на сайте www.flashfonts.com) был увеличен и преобразован в самостоятельный рисунок.

1. Нажмите комбинацию клавиш Ctrl+F8 (Windows) либо Cmd+F8 (Macintosh), чтобы открыть диалоговое окно Symbols Properties (Свойства символа). Установите переключатель Movie Clip (Клип) и введите имя Cat (Кошка). Щелкните на кнопке ОК, чтобы перейти в режим редактирования символов. Щелкните на кадре 15 и нажмите клавишу F5, чтобы расширить киноленту до 15 кадров.
   
2. Создайте изображение, которое вы хотите использовать. Для этого введите символ с изображением кошачьей морды из шрифта Kobalt-Kartoon в текстовом поле и установите размер шрифта, равный 96 пунктам. После этого, выделив кошачью морду, выполните команду Modify > Break Apart (Модифицировать > Разбить). Затем (кошачья морда по-прежнему выделена) выполните команду Modify > Transform > Scale and Rotate (Модифицировать > Трансформировать I Масштабировать и повернуть) и введите значение 150 в соответствующем поле диалогового окна Scale and Rotate (Масштабирование и поворот).
   
3. Сделайте ключевыми кадры 5, 10 и 15. Введите следующие сценарии кадров:
   

   Кадр1
   

   _root.kcat. _rotation=-20:
   

   Кадр 5
   

   _root.kcat, _rotation=0;
   

   Кадр 10

   _root.kcat. _rotation=20;
   

   Кадр 15
   

   _root.kcat. _rotation=0;
   

ПРИМЕЧАНИЕ

Выделите клип Cat (Кошка) и введите имя экземпляра kcat в панели Instance (Экземпляр).

Эти сценарии последовательно осуществляют поворот рисунка на 20 градусов влево (-20), возврат в нормальную позицию (0), поворот на 20 градусов вправо (20) и вновь возврат в нормальную позицию (0).

4. Щелкните на кнопке Scene 1 (Сцена 1), чтобы вернуться к работе с главной кинолентой. Перетащите экземпляр клипа Cat (Кошка) в рабочую зону и разместите его, как показано на рис. 8.11.
   

Слой Sound

В слое Sound (Звук) располагается единственный звуковой цикл. Следующая последовательность шагов описывает процесс создания данного слоя.

1. Выполните команду File > Import (Файл > Импортировать) и найдите звуковой файл, который вы собираетесь импортировать в фильм.
   
2. После импорта звукового файла вам, возможно, захочется переименовать его, чтобы избавиться от расширения .wav или .aif. Выделите имя звукового файла в окне Library (Библиотека) и щелкните на кнопке Properties (Свойства), расположенной в нижней части окна, чтобы открыть диалоговое окно Sound Properties (Свойства звука). Введите новое имя и установите другие нужные параметры звукового файла. Щелкните на кнопке ОК.
   
3. Выделите слой Sound (Звук) и откройте панель Sound (Звук), дважды щелкнув на первом ключевом кадре в данном слое. В раскрывающемся списке Sound (Звук) этой панели выберите тот звуковой файл, который вы загрузили в окно Library (Библиотека). В списке Effect (Эффект) выберите пункт None (Нет); в списке Sync (Синхронизация) — вариант Event (Событие); наконец, в поле Loop (Число повторений) введите какое-нибудь число, например 999 — это количество повторений звука.
   

Слой Background

В слое Background (Фон) необходимо заполнить оставшуюся часть рабочей зоны фильма, как показано выше на рис. 8.11. В рассматриваемом примере фильма была взята за основу схема замечательного аниматора и иллюстратора Криса Кэдэди (Chris Cadady). В результате перевода рисунка из формата CMYK в формат RGB он оказался в «мире 216 безопасных цветов» (этот стандарт принят в Web) и сложилась ситуация, когда на разных компьютерах цвета могут выглядеть по-разному. На рис. 8.14 показан экран фильма в процессе работы; регуляторы громкости задействованы. (Даже если вы не сумели или поленились создать свой фильм, следуя приведенным инструкциям, обязательно познакомьтесь с готовым образцом на компакт-диске, чтобы посмотреть, насколько слаженно могут работать звук, цвет и анимация.)

Рис. 8.14. Изменяя положение ползунков, можно добиваться интересных звуковых эффектов

Что нового мы узнали?

В этом уроке мы научились...

• Использовать объект Color для задания цветов объектов.
  
• Использовать объект Date для получения и изменения информации о дате и времени.
  
• Использовать объект Math и применять его методы.
  
• Использовать объект Number и применять его методы.
  
• Использовать объект Sound для управления звуком в фильмах Flash.

к оглавлению Flash   Алгоритмизация   4GL - визуальные среды мультимедийные технологии  

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

НОВОСТИ ФОРУМА Рыцари теории эфира

10.11.2021 - 12:37: ПЕРСОНАЛИИ - Personalias -> WHO IS WHO - КТО ЕСТЬ КТО - Карим_Хайдаров. 10.11.2021 - 12:36: СОВЕСТЬ - Conscience -> РАСЧЕЛОВЕЧИВАНИЕ ЧЕЛОВЕКА. КОМУ ЭТО НАДО? - Карим_Хайдаров. 10.11.2021 - 12:36: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от д.м.н. Александра Алексеевича Редько - Карим_Хайдаров. 10.11.2021 - 12:35: ЭКОЛОГИЯ - Ecology -> Биологическая безопасность населения - Карим_Хайдаров. 10.11.2021 - 12:34: ВОЙНА, ПОЛИТИКА И НАУКА - War, Politics and Science -> Проблема государственного терроризма - Карим_Хайдаров. 10.11.2021 - 12:34: ВОЙНА, ПОЛИТИКА И НАУКА - War, Politics and Science -> ПРАВОСУДИЯ.НЕТ - Карим_Хайдаров. 10.11.2021 - 12:34: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Вадима Глогера, США - Карим_Хайдаров. 10.11.2021 - 09:18: НОВЫЕ ТЕХНОЛОГИИ - New Technologies -> Волновая генетика Петра Гаряева, 5G-контроль и управление - Карим_Хайдаров. 10.11.2021 - 09:18: ЭКОЛОГИЯ - Ecology -> ЭКОЛОГИЯ ДЛЯ ВСЕХ - Карим_Хайдаров. 10.11.2021 - 09:16: ЭКОЛОГИЯ - Ecology -> ПРОБЛЕМЫ МЕДИЦИНЫ - Карим_Хайдаров. 10.11.2021 - 09:15: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Екатерины Коваленко - Карим_Хайдаров. 10.11.2021 - 09:13: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Вильгельма Варкентина - Карим_Хайдаров.