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

Для того, что бы нарисовать хотя бы примитивные фигуры нам потребуются следующии функции объекта "MovieClip":

рисуем в actionscript

Начнем с функций "moveTo()" и "lineTo()", которые будудт использоваться для начертания самих линий: "moveTo()" устанавливает позицию "карандаша" (курсора) в позицию x, y. "lineTo()" проводит эту линию от позиции, установленной функцией "moveTo()", до позиции, обозначенной параметрами x, y в самой функции "lineTo()".

Но, прежде чем рисовать линии этими функциями, нужно установить свойства линии функцией "lineStyle()". У неё три необязательных параметра: "thickness" - указывает толщину линии; "rgb" - цвет (а-ля 0x56FFCC); "alpha" - значение прозрачности. Если же последний параметр не указан явно, это будет обозначать, что он равен нулю!

Приведу пример, который нарисует синий квадрат в текущем объекте "MovieClip":

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

Для закраски нарисованных фигур используются функции beginFill() и endFill(). Функцию beginGradientFill() для создания градиентной закраски мы рассмотрим позже.

beginFill() включает режим закраски. После её вызова, все нарисованные контуры будут закрашиваться, образую замкнутые фигуры. beginFill() имеет два необязательных параметра: rgb указывает цвет закраски, alpha - прозрачность.

endFill() отключает режим закраски.

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

Вот пример c использованием функций beginFill() и endFill():
_root.createEmptyMovieClip("myClip", 1);

Вот как выглядит результат работы этого скрипта:

Рассмотрим функцию, которая рисует кривые:

Функция имеет четыре обязательных параметра. При отсутствии хотя бы одного из них она не срабатывает. Началом кривой считается текущая позиция курсора ("карандаша"), которая устанавливается при помощи "moveTo()", или же позицией, в которой закончили черчение функции "lineTo()" или "curveTo()". Конец кривой указывается параметрами "anchorX" и "anchorY". Параметры "controlX" и "controlY" указывают точку, к которой направлены начало и конец линии. Для наглядности на рисунке ниже обозначены все точки.
action script уроки рисования

И вот что получиться в результате его воспроизведения:

Наконец, рассмотрим самую сложную функцию "beginGradientFill" ("fillType", "colors", "alphas", "ratios", "matrix"), служащая для градиентной закраски.

Параметр "fillType" указывает тип закраски может быть равен одной из следующих строк:

Не забудьте, что это строки и их следует указывать в кавычках.

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

"colors" - массив, содержащий цвета градиента. "alphas" содержит "alphа"-канал (прозрачность) каждого цвета.

"ratios" содержит значения распределения цветов. Возможные значения: 0-255. Это значение указывает место в процентном соотношении, где значение цвета достигает максимума.

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

или matrixType, x, y, w, h, r, где matrixType - строка "box"; x и y - смещение центра градиента, относительно точки регистрации объекта; w и h - ширина и высота градиента соответственно; r - угол поворота градиента в радианах.

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

Ну вот и всё, а казалось так сложно. На самом деле с небольшим количеством практики данный пример становится простым и являетс не больше чем разминкой. Удачи и успехов!