Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


Портфолио


alt

В этом уроке я покажу вам, как создать такой мувик, как выше, только лишь используя один фрейм и Actionscript 3.0.
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);

 

}


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.