Помощь проекту
Нравятся наши flash уроки? Хотите отблагодарить? Сделайте это небольшим денежным переводом.
Система Яndex.Деньги
41001294647528
Система WebMoney
Z107467581647
E243939578295
U315407063311
R241161536729
B419555053375
|
|
flash урок: Портфолио AS3 |
20 марта 2009 |
|
Настройка окружения
1. Создайте новый документ размером 400x250 и черным фоном.
2. В левом верхнем углу создайте четыре (4) динамических текстовых поля размером 90x20. Напишите некоторый текст в них, например, "Хайям", "Есенин", "Ахматова" и "Пушкин".
3. Конвертируйте каждое текстовое поле в муви клип (назовите его по своему желанию, точка регистрации не имеет значения). Дайте им инстанс имена "xmButton", "ecButton", "amButton" и "pnButton".
4. Создайте новый слой ниже первого слоя. Нарисуйте прямоугольник размером 700x500.
5. Конвертируйте прямоугольник в муви клип. Установите точку регистрации в левом верхнем углу. Назовите его по своему желанию.
6. Поместите мувик в левый верхний угол сцены. Дайте ему инстанс имя "mainPage". Этот мувик mainPage будет содержать весь текст, видимый в мувике.
7. Дважды кликните по мувику mainPage. Внутри муви клипа создайте четыре текстовых поля в соответствии с картинкой ниже. Напечатайте какой-нибудь текст в полях...
Идем в Actionscript 3.0
8. Создайте новый слой для actionscript на главной временной шкале. Напишите следующее.
//Нам нужно это для твина
import fl.transitions.easing.*;
import fl.transitions.*;
//Этот твин будет использоваться, чтобы двигать mainPage
var myTween:Tween;
//Мы не хотим, чтобы текстовые боксы внутри мувиков улавливали события кликов
xmButton.mouseChildren = false;
ecButton.mouseChildren = false;
amlButton.mouseChildren = false;
pnButton.mouseChildren = false;
//Делаем так, чтобы мувики выглядели как кнопки (чтобы появлялся курсор с ручкой)
xmButton.buttonMode = true;
ecButton.buttonMode = true;
amButton.buttonMode = true;
pnButton.buttonMode = true;
//Присвоим обработчик клика для каждой кнопки
xmButton.addEventListener (MouseEvent.CLICK, clicked);
ecButton.addEventListener (MouseEvent.CLICK, clicked);
amButton.addEventListener (MouseEvent.CLICK, clicked);
pnButton.addEventListener (MouseEvent.CLICK, clicked);
//Эта функция вызывается, когда кликают по одной из кнопок
function clicked (e:Event):void {
//Сохраняем нажатую кнопку в локальную переменную
var buttonclicked:MovieClip = (MovieClip)(e.target);
/*
Следующие твины все длятся одну секунду. Мы стартуем каждый твин с последней позиции mainPage.
*/
//Твин в левый верхний угол , если кликнули по кнопке home button
if (buttonclicked == xmButton) {
myTween = new Tween(mainPage, "y", Back.easeIn, mainPage.y, 0, 1, true);
myTween = new Tween(mainPage, "x", Back.easeIn, mainPage.x, 0, 1, true);
}
//Твин к тексту about
else if (buttonclicked == ecButton) {
myTween = new Tween(mainPage, "y", Back.easeIn, mainPage.y, 0, 1, true);
myTween = new Tween(mainPage, "x", Back.easeIn, mainPage.x, -300, 1, true);
}
//Твин к тексту work
else if (buttonclicked == amButton) {
myTween = new Tween(mainPage, "y", Back.easeIn, mainPage.y, -250, 1, true);
myTween = new Tween(mainPage, "x", Back.easeIn, mainPage.x, 0, 1, true);
}
//Твин к тексту Пушкинl
else {
myTween = new Tween(mainPage, "y", Back.easeIn, mainPage.y, -250, 1, true);
myTween = new Tween(mainPage, "x", Back.easeIn, mainPage.x, -300, 1, true);
}
}
Это все, протестируйте ваш мувик! |
|
|
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости. |
|
Видео Журнал "Легко о Flash" - подписавшись на него вы будете один раз в месяц получать его выпуск на свой почтовый ящик, там вы найдете новые видео уроки по работе в программе Adobe Flash CS4. |
|
политика антиспама
подпишитесь сейчас и получите доступ ко всем выпущенным журналам |
|
return_links(2);
?>
return_links(2);
?>
return_links(1);
?>
return_links();
?>
|