Главная ReadMe F.A.Q. Регистрация Форум




Сколько вам лет?
10-15
15-18
18-22
22-27
27-35
35-40
40-60
Система Orphus
Популярные новости!
» flash уроки: 3D flash карусель от начала до конца
» В помощь флешерам!
» flash урок: Портфолио AS3
» новости: Open Screen Project
» Шаблон сайта Flash template Myflashxml cl1b
Случайные новости!
» Дорогие наши девушки! Примите искренние поздавлени ...
» flash игра: Hapland 3 - еще сложнее, еще интересне ...
» 19 способов повысить производительность actionscri ...
» flash креатив: Коврик
» flash игры: Прохождение к игре steppenwolf (степно ...
» программа: SWiSH Max 2
» flash игра: DogFight 2 - захватывающие воздушные с ...
Архив
Апрель 2009 (8)
Март 2009 (24)
Февраль 2009 (23)
Январь 2009 (14)
Декабрь 2008 (12)
Ноябрь 2008 (8)
Помощь проекту
Нравятся наши flash уроки? Хотите отблагодарить? Сделайте это небольшим денежным переводом.

Система Яndex.Деньги
41001294647528
Система WebMoney
Z107467581647
E243939578295
U315407063311
R241161536729
B419555053375

flash урок: Портфолио AS3

20 марта 2009

Настройка окружения

1. Создайте новый документ размером 400x250 и черным фоном.

2. В левом верхнем углу создайте четыре (4) динамических текстовых поля размером 90x20. Напишите некоторый текст в них, например, "Хайям", "Есенин", "Ахматова" и "Пушкин".

3. Конвертируйте каждое текстовое поле в муви клип (назовите его по своему желанию, точка регистрации не имеет значения). Дайте им инстанс имена "xmButton", "ecButton", "amButton" и "pnButton".


alt




 


4. Создайте новый слой ниже первого слоя. Нарисуйте прямоугольник размером 700x500.

5. Конвертируйте прямоугольник в муви клип. Установите точку регистрации в левом верхнем углу. Назовите его по своему желанию.

6. Поместите мувик в левый верхний угол сцены. Дайте ему инстанс имя "mainPage". Этот мувик mainPage будет содержать весь текст, видимый в мувике.

7. Дважды кликните по мувику mainPage. Внутри муви клипа создайте четыре текстовых поля в соответствии с картинкой ниже. Напечатайте какой-нибудь текст в полях...


 


 


flash урок: Портфолио AS3



 


 


Идем в 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 урок: Random Boxes Text Effect with Actionscript 3
  • flash урок: Создание прокручиваемого текстового поля (ActionScript 3.0)
  • Обучение к программе: Selteco Alligator Flash Designer. Урок 5: Создание пе ...
  • flash уроки: Сохраняем картинку из Flash посредством PHP (ActionScript 3)
  • Обучение к программе: Selteco Alligator Flash Designer. Урок 7: Создание ан ...



  •  (голосов: 3)
    Grand155 | Просмотров:583 | Напечатать
    #1 написал: Aloran (20 марта 2009 15:27)


    Группа: Посетители
    Регистрация: 6.03.2009
    Комментариев: 16
    Публикаций: 3
    Россия, Ульяновск
    А чего сам рабочий мувик не выложили?


    --------------------
    Учитель достается тому, кто его достает!
    ICQ: 429121478
    #2 написал: Dik (20 марта 2009 16:50)


    Группа: Посетители
    Регистрация: 18.10.2008
    Комментариев: 6
    Публикаций: 0
    Россия, Москва
    Очень интересная и полезная информация! Молодцы ребята!
    ICQ: --
    #3 написал: alier (21 марта 2009 12:18)


    Группа: Посетители
    Регистрация: 16.03.2009
    Комментариев: 1
    Публикаций: 0
    Германия, Бонн
    Спасибо! smile
    А где можно ссылки оставить на свои шредевры, по вашим урокам?
    ICQ: --
    #4 написал: Fly (21 марта 2009 13:23)


    Группа: Администраторы
    Регистрация: 21.07.2008
    Комментариев: 127
    Публикаций: 37
    Республика Беларусь, Минск
    Цитата: alier
    Спасибо! smile
    А где можно ссылки оставить на свои шредевры, по вашим урокам?

    Справа есть ссылка "добавить новость"


    --------------------
    1) Админ всегда прав
    2) Если админ не прав, смотри пункт 1
    ICQ: 207886769
    #5 написал: waydim (22 марта 2009 22:59)


    Группа: Посетители
    Регистрация: 22.03.2009
    Комментариев: 1
    Публикаций: 0
    Россия, Санкт-Петербург
    красЯво!:) понравилось, жаль что AS3, пока на втором то не сильно разобрался, а при это м браться за "новые высоты" не сильно то целесообразно, по-моему:)
    возможно ли сделать тоже самое средствами AS2?
    если да, то буду КРАЙНЕ признателен help
    ICQ: 300514623
    #6 написал: Fly (23 марта 2009 01:28)


    Группа: Администраторы
    Регистрация: 21.07.2008
    Комментариев: 127
    Публикаций: 37
    Республика Беларусь, Минск
    Цитата: waydim
    красЯво!:) понравилось, жаль что AS3, пока на втором то не сильно разобрался, а при это м браться за "новые высоты" не сильно то целесообразно, по-моему:)
    возможно ли сделать тоже самое средствами AS2?
    если да, то буду КРАЙНЕ признателен

    За новые высоты как раз и есть смысл браться, так как технологии никогда не стоят на месте и всё время развиваются :) Вспомните про AS1, он ведь тоже когда то был новинкой :)


    --------------------
    1) Админ всегда прав
    2) Если админ не прав, смотри пункт 1
    ICQ: 207886769
    #7 написал: balabol888 (5 апреля 2009 00:59)


    Группа: Посетители
    Регистрация: 4.04.2009
    Комментариев: 1
    Публикаций: 0
    ,
    Вот бы такого побольше появлялось. А то в офисе заняться нечем, замучались уже в потолок плевать.
    ICQ: --
    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.
    Видео Журнал "Легко о Flash" - подписавшись на него вы будете один раз в месяц получать его выпуск на свой почтовый ящик, там вы найдете новые видео уроки по работе в программе Adobe Flash CS4.

    Ваш e-mail:

    Ваше имя на русском:
    политика антиспама
    подпишитесь сейчас и получите доступ ко всем выпущенным журналам
    Логин
    Пароль
     

    return_links(2); ?> return_links(2); ?> return_links(1); ?> return_links(); ?>

    Требуется для просмотраFlash Player 9 или выше.



    Рейтинг@Mail.ru Rating All.BY Каталог SiteCreation rate your site
    links
    Internet Map page counter