Особенности программирования кнопок

Нарисуйте на сцене изображение. Разделите его линией на части и не смещая их преобразуйте в кнопки не выделяя линии. Линии удалите. Кнопкам присвойте различные URL. При наведении мыши на разные части изображения должны возникать подсказки.

Как видите «не так страшен скрипт, как его малюют». Многие команды интуитивно понятны, например «Go to» переведёт проигрывание к указанному кадру, «Get Url» загрузит страницу с указанным адресом, однако для полноценного понимания предмета необходимо пройти две довольно абстрактные темы. Так что собирайтесь духом и вперёд!

Переменные

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

С переменными имели дело даже те, кто никогда не программировал. Помните, в калькуляторе есть кнопка П+, которая заносит в память результат вычислений, что бы потом им можно было воспользоваться. Это и есть переменная, т е. Область памяти, хранящая какое–то значение.. Правда, так как в калькуляторе она всего одна, её и называют просто «память». Ролику во время работы приходится запоминать множество разных чисел или текстов. Для того что бы их не путать, каждой ячейке даётся уникальное имя. Представьте, что у Вас два калькулятора. На одном наклеена буква «X» а на другом «Y». В память калькулятора «X» занесено число 10, а в память калькулятора «Y» - 20.

Выражение «X+Y» будет означать «к числу, хранящемуся в X прибавить число, хранящееся в Y».

Во Flash новые переменные не требуется описывать. Они автоматически создаются при первом использовании оператора присвоения. Оператор присвоения записывается как

“имя переменной”=”значение переменной”. Например, запись x=10; создаёт переменную x, равную 10 (В области памяти с именем x хранится число 10)

Использовать присвоение в Normal Mode не очень удобно. Придётся выбрать в списке команд “set variable” и заполнить поля Variable и Value. Если флажок «Expression» в правой части окна редактора снят, то соответствующее выражение автоматически берётся в кавычки. Так что, если приходится много работать с переменными, то лучше переключиться в «Expert Mode»

Переменная создаётся в памяти командой

Set Variable: "имя_переменной" = значение_переменной например,

Set Variable: "x" = 10 - переменной с именем «x» присвоено значение 10

Имя переменной может состоять из латинских букв, не может начинаться с цифр *? пробела. Регистр не различается. Значение переменной может быть текстовой строкой – тогда оно записывается в кавычках, или выражением – без кавычек.

Начнём экспериментировать. Создайте новый ролик. Откройте редактор скрипта для кадра ролика. Переключившись в «Expert Mode», введите с клавиатуры

x="ok";

Откомпилируйте ролик, нажав Ctrl-Enter. На экране будет лишь фон, однако в памяти возникнет переменная «x» имеющая значение «ok». В этом легко убедиться, нажав Ctrl Alt V, или в меню «Debug» выбрав «List Variables». Появится окно «Output», содержащее список переменных, хранящийся в памяти.

Level #0:

Variable _level0.$version = "WIN 5,0,30,0"

Variable _level0.x = "ok"

_level0 или слой 0 не имеет никакого отношения к слоям рисования. Просто так назвали область памяти в которую попал наш ролик. Дело в том, что ролик, вообще говоря способен загружать и другие ролики как в тот же слой вместо себя так и в слои выше себя. Но так как мы пока не достигли таких высот в AS, попросту не будем обращать внимания на слои. Главное, что переменная «x» действительно равна «ok».

Значение текстового (строкового) типа записываются в кавычках “abc” “ура” “1+1” и представляют собой лишь набор символов, который необходимо «запомнить».

«Выражения» записываются без кавычек 5; 1+2; 3/7 и анализируются.

Продолжим эксперименты. Вернитесь в редактор скрипта первого кадра и добавьте ещё две команды

y="1+1";

z=1+1;

Обратите внимание, что переменной y присвоен текст, а переменной z – выражение.

Откомпилируйте и выведите список переменных. В окне «Output» появится:

Variable _level0.y = "1+1"

Variable _level0.z = "2"

Проверим, как поведёт себя Flash в случае возникновения ошибки деления на ноль

Добавьте команду Set Variable: "z" = 1/0

Тогда в окне Output появится Variable _level0.z = 1.#INF

Обратите внимание, что данная ошибка не привела к критическому результату, переменной z присвоилось специальное значение 1.#INF.

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

x = 1

y = x+1

x = x+x

Даст на выходе Variable _level0.x = 2

Variable _level0.y = "2"

Упражнение

Пусть в переменной x хранится число кадров ролика - 200. К настоящему моменту, из интернет загружено на компьютер пользователя 40 –значение переменной y. Какой процент составляют загруженные кадры? Присвоить результат переменной z. Думаю, расчёт очевиден:

x = 200

y = 40

z = y/x*100

Между прочим Flash4 зачем – то сначала выполнял умножение, а потом делил, и для правильного расчёта приходилось брать y/x в скобки. Ну, это дело прошлое (а кто прошлое помянет …).

Для объединения текстовых строк можно использовать оператор «+». Допустим так же оператор «add». Например

x=”a” + ”b”;

y=”c” add “d”;

присвоит переменным «x» «y» значения «ab» и «cd» соответственно. При работе с оператором «+» важно понимать, что если хотя бы один из операндов является текстовым, то и результат так же будет текстовым, а «+» будет «склеивать» операнды, в частности

x=1+2+”3”;

присвоит x значение “123”. Во Flash4 если было возможно, автоматически происходило преобразование в выражение. Т.е. получалось бы x=6.

Для преобразования текстовой строки в выражение можно использовать функцию Number(“текстовая строка”).

x=1+2+Number(“3”)

Присвоит переменной х значение 6.

При невозможности преобразовать результат в выражение функция возвращает специальное значение

x=Number(“z”);

присвоит x значение 1.#QNAN. Интересно, что если данная переменная используется в последующих вычислениях, то её значение трактуется как текст «NAN», если выполняется объединение текстов. Самостоятельно проверьте.

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

x = "1";

y = 1+x;

z = 1+Number(x);

листинг переменных после исполнения скрипта будет выглядеть так

Level #0:

Variable _level0.$version = "WIN 5,0,30,0"

Variable _level0.x = "1"

Variable _level0.y = "11"

Variable _level0.z = 2

для преобразования число – текст следует использовать функцию string, например

y= string(1)+string(1); присвоит переменной y значение 11.

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

x = "2";

y = x*2;

y получит значение 4.

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

x = 1;

y = ++x

эквивалентен скрипту

x = 1;

x=x+1;

y = x

скрипт

x = 1;

y = x++;

эквивалентен скрипту

x = 1;

y = x+1;

аналогично используется и оператор –-.

Присвоение нескольких переменных теперь можно произвести в одной строке.

a = b = c = d = 1;

изменений значения одного оператора тоже можно написать более изящно.

присвоение с увеличением.

x += 15;

эквивалентно

x = x + 15;

аналогично действуют и остальные операторы

x /=2;

операторы сравнения == равенство > больше < меньше <= меньше или равно >= больше или равно. Например

x=2*2 == 4 присвоит x значение true.

Существуют также наборы логических и битовых операторов, однако они детально изучаются на второй части курса «программирование на AS»

Важным отличием AS от Javascript является поведение неопределённых переменных. Если попытаться использовать в выражении имя переменной, которую мы ранее не создавали, то она будет считаться как выражение равной нулю или игнорироваться, как текст. Рассмотрим скрипт.

x="a"+z+"b";

y=1+z;

Обратите внимание, что переменная z ранее не определялась. Листинг приведён ниже

Level #0:

Variable _level0.$version = "WIN 5,0,30,0"

Variable _level0.x = "ab"

Variable _level0.y = 1

Теперь – самое интересное! Имя переменной также может представлять собой выражение!

Будьте внимательнее. С этим практически все новички путаются.

Для того, что бы Flash рассматривал имя переменной как выражение, необходимо использовать функцию Eval(“выражение”)

Eval("a"+"b") = 123;

Создаст переменную с именем «ab» и присвоит её значение 123. Возможен, также синтаксис

set("a"+"b",123)

но на мой взгляд, менее нагляден.

В аргументе функции Eval так же могут использоваться имена переменных

x = "b";

Eval("a"+x) = 123;

Приведёт к точно такому же результату. аb=123;

А что будет если убрать первое слагаемое из аргумента Eval, т.е.

x = "b";

Eval(x) = 123;

Конечно b=123;

Итак, ещё раз. В первой строке создалась переменная с именем «x» и ей присвоилось значение «b». Во второй строке создалась переменная с именем НЕ “X” а с именем равным ЗНАЧЕНИЮ X т.е. “B”.

По сути, на человеческом языке последняя строка прозвучала бы так «проанализируй то, что в скобках и создай переменную с этим именем»

Практически любой сложный эффект не может обойтись без описанной конструкции. Предположим необходимо создать десяток переменных с именами w1 w2..w10. равных 5.

Тогда если исполнить 10 раз скрипт

Eval(“w”+x)=5

изменяя значение переменной x от 1 до 10, то задача будет легко решена.

Но всему своё время, а пока, маленькая контрольная

Упражнение

Разберитесь в действиях скрипта и объясните результаты

x = "y";

a=”2”;

Eval(x) = "z";

b=1;

Eval(z) = "x";

c=a+Number(b);

d=Number(a+b)

Eval(y) = x;

a=Number(“b”)

b=b+d;

Variable _level0.x = "y"

Variable _level0.a = 1.#QNAN

Variable _level0.y = "z"

Variable _level0.b = 22

Variable _level0.c = "21"

Variable _level0.d = 21

Variable _level0.z = "y"

Надеюсь, теперь работа с переменными у Вас трудностей не вызывает. Главное – повнимательнее следите за кавычками, и почаще вызывайте список переменных после компиляции.

Осталась ещё одна «абстрактная» тема – взаимодействие объектов.

Идентификация объектов

Как уже было показано выше, экземпляры «Movie Clip» занимают во Flash особое место, так как представляют собой, по сути, независимые ролики. Часто требуется их согласованные действия. Цель данного раздела – освоение идентификации роликов, что позволит им взаимодействовать.

Разработчики Flash ввели в пятой версии новую методику идентификации – точечный синтаксис. Однако, для совместимости с предыдущими версиями был оставлен и старый слэш – синтаксис. Несмотря на то, что новый синтаксис удобнее нам придётся изучить оба так как и в старом синтаксисе написано немало красивых роликов. Кстати, многие примеры (Help - Samples) зачем-то тоже написаны в нём. Начнём со слэш – синтаксиса.

В единственном кадре нового ролика нарисуйте автобус и преобразуйте его в экземпляр «Movie Clip» (F8). Активизируйте панель «Instance» и в поле «Instance Name» введите имя экземпляра, например «ikarus». Откомпилируйте ролик и нажмите комбинацию Ctrl L или в меню «Debug» выберите команду «List Objects». В окне «Output» появится список существующих объектов.

Level #0: Frame=1

Movie Clip: Frame=1 Target="_level0.ikarus"

Shape:

Ролик во время своей работы может запустить другой ролик, причём так, что они будут вместе исполняться в одном окне. Для того, что бы проигрыватель знал, какой ролик прорисовывать на переднем плане, были введены слои на уровне роликов. Эти слои имеют фиксированные имена _level0, _level1, … Ролик, расположенный на более высоком уровне отображается поверх остальных. В данном случае загружен только один ролик на уровень _level0. В первой строке нулевой уровень обозначен записью Level #0.

далее описан экземпляр клипа (_level0.ikarus), находящийся в ролике и содержащий простую графику (shape)

Вернитесь в редактор. Разместите внутри клипа «ikarus» экземпляр клипа «driver». Для этого сделайте на экземпляре «ikarus» двойной щелчой. Нарисуйте водителя (лучше сначала вне автобуса) и преобразуйте его в экземпляр (F8) «Movie Clip». Дайте экземпляру имя driver (панель «instance»). Вернитесь на основную сцену и создайте на ней экземпляр автомобиля с именем «bmw». Откомпилируйте ролик и выведите список объектов. Должно получиться

Lavel #0: Frame=1

Movie Clip: Frame=1 Target="_level0.ikarus"

Shape:

Movie Clip: Frame=1 Target="_level0.ikarus.driver"

Shape:

Movie Clip: Frame=1 Target="_level0.bmw"

Shape:

Из записи видно, что экземпляры «ikarus» и «bmw» лежат на основной сцене (в корне), а экземпляр «driver» принадлежит экземпляру «ikarus». Если бы мы не давали имена экземплярам вручную, они автоматически получили бы имена Instance1, Instance2,…

Теперь вернёмся к экспериментам с переменными

Войдите в диалог свойств кадра на основной линейке и создайте скрипт

x = 1

Перейдите в редактирование экземпляра ikarus и в кадре этого клипа создайте скрипт

x = 2

Возникает вопрос, а чему будет равен x?

Откомпилируйте ролик и выведите список переменных Ctrl Alt V

Level #0:

Variable _level0.$version = "WIN 5,0,30,0"

Variable _level0.x = 1

Movie Clip: Target="_level0.ikarus"

Variable _level0.ikarus.x = 2

Оказывается, переменные существуют в разных роликах и никак не взаимодействуют.

Строка _level0.x= 1 описывает переменную, созданную на основной линейке, а строка

_level0.ikarus.x = 2 – переменную в экземпляре ikarus. Самостоятельно создайте переменные x=3 в экземпляре driver и x=4 в экземпляре bmw.

Необходимо научиться изменять переменные одного ролика из другого. Самым простым способом является указание полного пути к переменной. Предположим, необходимо с помощью скрипта, находящегося в кадре основной линейки, создать переменную в ролике driver, который, в свою очередь, находится в ролике ikarus. В поле имени переменной необходимо указать путь к переменной, а потом через двоеточие - её имя

_level0/ikarus/driver:y = 5

Если все переменные находятся в одном ролике, т.е на уровне _level0, то имя уровня можно не указывать.

/ikarus/driver:y = 5

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

/:y = 10

Поместите этот скрипт в кадр экземпляра driver и убедитесь в правильности утверждения.

Для указания пути к переменной можно использовать редактор целей, который вызывается кнопкой в нижней правой части окна редактора скрипта. Установив переключатели в нижней части окна в положение, как показано на рисунке, вы получаете возможность указать экземпляр мышкой и получить ссылку на него в поле «Target». После подтверждения кнопкой «ОК» ссылка на экземпляр окажется в редакторе. Справедливости ради, надо отметить, что данный диалог не очень то полезен, так как в сложном ролике экземпляры могут создаваться и исчезать во время проигрывания, так что, привыкайте лучше вводить ссылки вручную.

Другим способом указания переменной из другого ролика является использование относительной ссылки. Что бы лучше разобраться в относительных ссылках, вспомним славный фильм «Ирония судьбы или с лёгким паром». Помните адрес? Третья улица строителей дом 6 квартира 12. Абсолютной ссылкой в данном случае можно считать запись

Россия/Москва/Третья улица строителей/дом 6/квартира 12

Или, если предположить, что речь идёт лишь о нашей стране то

/Москва/Третья улица строителей/дом 6/квартира 12

Как видим, адрес указан однозначно. Однако, если вы в данный момент уже находитесь в Москве, то вас интересует лишь название улицы номер дома и квартиры.

Третья улица строителей/дом 6/квартира 12

Это и есть относительная ссылка. Обратите внимание на отсутствие слэш в начале. Это и означает, что отчёт ведётся от ткущего вашего положения. И если Вы окажетесь в каком либо городе, где так же найдётся Третья улица строителей дом 6 квартира 12 то эта ссылка также сработает, но укажет на совсем другое место.

Вернёмся к нашему примеру с автобусом. Пусть требуется скриптом, принадлежащим если кадру клипа «ikarus» создать в клипе «driver» переменную x=1. Использование абсолютной ссылки будет выглядеть так

/ikarus/driver:x=1;

«на сцене лежит клип «ikarus» в нём клип «driver» создай в нём переменную»

Но так как скрипт уже находится в клипе «ikarus» то достаточно записать

driver:x=1;

«в тебе находится клип «driver» создай в нём переменную»

Очень важно понимать разницу. Абсолютная ссылка сработает где бы не находилась. Относительная – лишь в в клипе «ikarus». Если её поместить в кадр клипа «bmw», то она будет проигнорирована, так как в клипе «bmw» нет клипа «driver». Если же его создать, то переменная возникнет именно в нём.

Относительная ссылка может указывать и на клипы, расположенные выше по иерархии.

В этом случае вообще никаких имён не требуется. Жильцы квартиры, указывая на свой дом, или свою улицу так и говорят «наш дом» «наша улица». В слэш синтаксисе такая запись будет выглядить как

../ на уровень выше

../../ на 2 уровня выше.

(сразу вспоминается команда DOS cd..)

итак, если в клипе «driver» находится скрипт

../:x=1;

../../:y=2;

то переменная x возникнет в клипе «ikarus», а переменная y – на основной линейке.

Относительная ссылка может быть и более сложной. Например такой скрипт

../../bmw:z=1

означает «поднимись на 2 уровня выше, найди там клип «bmw» и в нём создай переменную»

Упражнение

Создайте на сцене ещё один клип с именем «house». Присвойте кадру этого клипа скрипт, который на сцене, и в клипах «ikarus» «driver» «house» создаст по 2 переменные. Используйте для создания одной переменной абсолютную, а для создания другой – относительные ссылки.

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

«Tell Target(“ссылка на клип к которому идёт обращение”) {

Скрипт обращения к клипу

}».

Ссылка на клип в аргументе оператора может быть как абсолютной так и относительной. Только не забудьте взять её в кавычки, иначе компилятор решит что это имя переменной, содержащей в себе нужную ссылку. Рассмотрим пример. Пусть скрипт, принадлежащий кадру основной линейки создаст в клипе «ikarus» три переменные x1, x2 и x3. В стандартной записи, например с использованием относительной ссылки скрипт будет выглядить так

ikarus:x1=1;

ikarus:x2=1;

ikarus:x3=1;

Если использовать «Telltarget» то

Telltarget ("ikarus"){

x1=1;

x2=1;

x3=1;

}

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

Осталось рассмотреть один «подводный камешек». Пусть, например, необходимо переменной «b», хранящейся в клипе «bmw» присвоить значение переменной «a», хранящейся в клипе «ikarus».Для начала, создайте в клипе «ikarus» переменную «a». Перейдите в редактирование клипа «bmw» и создайте в нём скрипт

b = /ikarus:a

В данном случае ссылку на переменную b писать не надо, так как она возникает в клипе, которому принадлежит данный скрипт. Убедитесь в том, что переменная b действительно получила значение переменной a. Ту же самую процедуру можно реализовать при помощи оператора «Tell Target».

Telltarget ("/ikarus"){

/bmw:b = a

}

Отличие состоит в том, что в момент присваивания переменной мы, по сути, находимся уже внутри клипа «ikarus» где переменная «a» является «местной» и не требует указания пути, а переменная «b» является внешней. Если просто записать b=a то переменная возникнет в клипе «ikarus», так как указание шло именно ему.

Оператор «Tell Target» может быть использован не только для присвоения переменных, но и для других команд, обращающихся к другому клипу, например, команд «Stop()» или «Play()».

Telltarget ("/ikarus"){

Play();

}

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

Перед тем как углубиться в тонкости точечного синтаксиса, познакомимся с базовыми понятиями объектно-ориентированного программирования. Только не пугайтесь, пока ничего объектного программировать не будем. Просто дело в том, что точечный синтаксис как раз построен на этой идеологии, и потому, программисты с опытом ООП чувствуют себя в точечном синтаксисе как рыбы в воде. Нам лишь пока необходимо понимать что объект есть хранилище информации. Информация представляет собой как обычные данные (свойства) так и инструкции (методы). Ну, например, если считать объектом нашу группу Flash, то её свойствами будут – количество учащихся, номер текущего занятия, а методами – добавление нового ученика или выдача дипломов. В точечном синтаксисе это можно за