Отрезки

Создадим фильм, в котором при наведении мыши квадрат с радиальной заливкой начинает вращаться и центр заливки перемещается. Все это сделано из программы на ActionScript.

Для рисования отрезков и ломаных нужно установить параметры линии с помощью метода lineStyle. Чаще всего она вызывается с тремя параметрами:

lineStyle(толщина,цвет,alpha);

Толщина линии задается в пикселях, цвет — как целое число в формате RGB (в шестнадцатеричной системе — 0xRRGGBB), параметр alpha определяет непрозрачность (от 0 до 100). В справочной системе можно прочитать об остальных параметрах, которые позволяют изменять все свойства линии, доступные через панель Properties.

1. Создайте новый Flash-документ и сохраните его в своей папке под именем ЛР9_1.fla. Установите размер поля 400 на 400 пикселей. Добавьте к первому кадру код, рисующий треугольник с синей непрозрачной границей толщиной 1 пиксель:

lineStyle (1, 0xFF, 100);

moveTo (20, 100);

lineTo (170, 20);

lineTo (170, 180);

lineTo (20, 100);

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

Заливки Одноцветная заливка

Для создания заливки используются методы beginFill (начать заливку) и endFill (завершить заливку). Между ними нужно добавить команды, рисующие контур фигуры.

Метод beginFill имеет два параметра (цвет и непрозрачность):

beginFill (цвет, alpha);

Метод endFill вызывается без параметров.

2. Добавьте к кадру 1 код, рисующий еще один треугольник с зеленым контуром толщиной 5 пикселей и заливкой красного цвета:

lineStyle (5, 0xFF00, 100);

beginFill (0xFF0000, 100);

moveTo (360, 100);

lineTo (190, 20);

lineTo (190, 180);

lineTo (360, 100);

endFill ();

Добавление методов к MovieClip

Далее мы будем рисовать прямоугольники. Для удобства добавим к прототипу класса MovieClip новый метод rectangle и сохраним его в отдельном файла с расширением .AS. Такие файлы можно подключать к программе, используя директиву

#include "имя файла"

3. Создайте новый файл типа ActionScript File, запишите в него код

MovieClip.prototype.rectangle = function ( x1, y1, x2, y2) {

with ( this ) {

moveTo ( x1, y1 );

lineTo ( x2, y1 );

lineTo ( x2, y2 );

lineTo ( x1, y2 );

lineTo ( x1, y1 );

}

}

4. Сохраните файл под именем figures.as в той же папке, что и SWF-файл.

Здесь блок with(this){...} служит для того, чтобы не писать this.moveTo(...) и this.lineTo(...).

5. Добавьте в самое начало кода фильма ЛР9_1.fla, связанного с кадром 1, строчку

#include "figures.as"

Создадим (с помощью метода createEmptyMovieClip) новый клип-квадрат с именем sq1.

Добавьте в конец кода кадра 1 строчки: createEmptyMovieClip ("sq1", 1); with ( sq1 ) { _x = 20; _y = 200; lineStyle (1, 0, 0); rectangle (0, 0, 150, 150); }

Наша следующая задача — залить его градиентной заливкой с переходом от синего к зеленому цвету.