Уроки Flash: Трансформация круга

Источник: demiart

kedicik

Этот урок по флешу покажет вам, как создать трансформацию круга, используя Action Script.

Шаг 1

Создайте новый флеш документ, выберите Modify > Document (Ctrl+J) и установите
ширину 300 и высоту 200 px.
Частоту кадров (Frame rate) установите равным 24fps (кадра в секунду).
Шаг 2

Дважды кликните по слою layer 1, чтобы переименовать его в background.
После этого заблокируйте слой background, вставьте новый слой и назовите его circle.

Шаг 3

Возьмите Oval Tool (O), и нарисуйте окружность 30x30px.
Смотри картинку ниже.

Шаг 4

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

Шаг5

Затем снова выделите окружность, откройте панель Action Script (F9) и вставьте этот скрипт:

Code

onClipEvent (load) {
setProperty(this, _xscale, (300 - _root._xmouse) * 2);
setProperty(this, _yscale, (300 - _root._ymouse) * 2);
setProperty(this, _alpha, 100);
}
onClipEvent (enterFrame) {
setProperty(this, _xscale, _xscale - 10);
setProperty(this, _yscale, _yscale - 10);
if (_alpha > 4) {
setProperty(this, _alpha, _alpha - 5);
}
}

Шаг 6

После этого, пока ваш заново созданный клип ("circle") еще выделен,
откройте панель Properties (Ctrl+F3) и в <Instance Name> напишите circle

Шаг 7

Вставьте новый слой и назовите его Action. Кликните по кадру 1,
откройте панель Action Script (F9) и вставьте этот скрипт:

Code

i = 0;
setProperty("circle", _visible, false);

Шаг 8

Кликните по кадру 2, нажмите F6 и в панели Action Script вставьте этот скрипт:

Code

duplicateMovieClip("circle", "circle" + i, i);
removeMovieClip("circle" + (i-15));
if (i > 14) {
i = 0;
}
i++;

Шаг 9

Кликните по кадру 3, нажмите F6 и вставьте этот скрипт:

Code

gotoAndPlay(_currentframe - 1);

Шаг 10

Кликните в кадре3 в слоях circle и background и нажмите F5.

Протестируйте ваш клип (Ctrl+Enter)

Перемещайте вашу мышь над кругом, чтобы его преобразовать.

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

Во 2 случае я взяла квадрат и круг!