(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

Уроки 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 случае я взяла квадрат и круг!

Ссылки по теме


 Распечатать »
 Правила публикации »
  Написать редактору 
 Рекомендовать » Дата публикации: 10.12.2008 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
SAP® Crystal Presentation Design 2016 WIN INTL NUL
YourKit Profiler for .NET - Floating License - 1 year of e-mail support and upgrades
Quest Software. Toad for Oracle Development Suite
Business Studio 4.2 Enterprise. Конкурентная лицензия + Business Studio Portal 4.2. Пользовательская именная лицензия.
Panda Gold Protection - ESD версия - на 1 устройство - (лицензия на 1 год)
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Программирование в AutoCAD
Компьютерный дизайн - Все графические редакторы
OS Linux для начинающих. Новости + статьи + обзоры + ссылки
Все о PHP и даже больше
ЕRP-Форум. Творческие дискуссии о системах автоматизации
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
 



    
rambler's top100 Rambler's Top100