Уроки Flash: Трансформація кола

Цей урок з флешу покаже вам, як створити трансформацію кола, використовуючи 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 разі я взяла квадрат і коло!


Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*