Как создавать свои Flash-игры, подобные Angry Birds и World of Goo?
Box2D - это библиотека, которая моделирует физическое поведение твердых тел в двумерном пространстве. Программисты могут использовать...
В этом уроке вы узнаете всё о возможностях класса TransitionManager - этот класс заведует эффектами перехода.
Вступление:
Класс TransitionManager позволяет вам применять к своим МувиКлипам различные анимационные эффекты. Есть десять доступных для вас эффектов:
Эти эффекты вы можете пронаблюдать во флешке, которая расположена выше.
Подготовка:
1. Создаем новый документ 500 х 300 пикселей.
2. Рисуем квадрат 50 х 50 пикселей.
3. Конвертируем квадрат в МувиКлип с точкой регистрации в центре, задаем ему имя "box".
4. Теперь на сцене размещаем десять экземпляров нашего МувиКлипа "box".
5. Задаем экземплярам в свойствах в поле "instance name" следущие имена: box1, box2, box3, box4, box5... и т.д.
Пишем код:
6. Создаем новый слой в TimeLine и пишем там следующий код:
//Этот массив будет содержать все эффекты переходов.
var transitions:Array = new Array();
//Назначаем слушатель на событие мыши MOUSE_OVER для каждого квадрата.
box1.addEventListener(MouseEvent.MOUSE_OVER, mouseOverBox);
box2.addEventListener(MouseEvent.MOUSE_OVER, mouseOverBox);
box3.addEventListener(MouseEvent.MOUSE_OVER, mouseOverBox);
box4.addEventListener(MouseEvent.MOUSE_OVER, mouseOverBox);
box5.addEventListener(MouseEvent.MOUSE_OVER, mouseOverBox);
box6.addEventListener(MouseEvent.MOUSE_OVER, mouseOverBox);
box7.addEventListener(MouseEvent.MOUSE_OVER, mouseOverBox);
box8.addEventListener(MouseEvent.MOUSE_OVER, mouseOverBox);
box9.addEventListener(MouseEvent.MOUSE_OVER, mouseOverBox);
box10.addEventListener(MouseEvent.MOUSE_OVER, mouseOverBox);
//Задаем каждому квадрату свой эффект перехода.
box1.transition = Blinds;
box2.transition = Fade;
box3.transition = Fly;
box4.transition = Iris;
box5.transition = Photo;
box6.transition = PixelDissolve;
box7.transition = Rotate;
box8.transition = Squeeze;
box9.transition = Wipe;
box10.transition = Zoom;
//Эта функция вызывается каждый раз при наведение мышью на какой-либо квадрат.
function mouseOverBox(e:Event):void
{
//Квадрат, на который была наведена мышь, сохраняем в локальной переменной.
var selectedBox:MovieClip = MovieClip(e.target);
/*
Удаляем слушатель события, чтобы пользователь не смог остановить
анимацию до того, как она закончится.
*/
selectedBox.removeEventListener(MouseEvent.MOUSE_OVER, mouseOverBox);
/*
Начинаем новый переход со следующими параметрами:
type: Мы используем тот тип эффекта перехода, который был назначен выбранному квадрату.
direction: Направление анимации (Transition.OUT это второй параметр)
duration: Продолжительность анимации в секундах.
easing: Тип ослабления (сглаживания) анимации.
shape: Форма маски. Назначается только когда используется "Iris" переход.
*/
var myTransitionManager:TransitionManager = new TransitionManager(selectedBox);
myTransitionManager.startTransition({type:selectedBox.transition,
direction:Transition.IN, duration:1, easing:Regular.easeOut, shape:Iris.CIRCLE});
//Добавляем переход в массив, теперь он не попадет в процесс сборки мусора;
transitions.push(myTransitionManager);
//Добавляем слушатель на окончание анимации перехода.
myTransitionManager.addEventListener("allTransitionsInDone", animationComplete);
}
//Эта функция вызывается, когда анимация перехода завершена.
function animationComplete(e:Event):void
{
//Вновь назначаем слушатель на событие наведения мышью.
e.target.content.addEventListener(MouseEvent.MOUSE_OVER, mouseOverBox);
}
Протестируйте ролик и наслаждайтесь эффектами перехода.
Если вы будете искать информацию о событиии "allTransitionsInDone", то ничего не найдете, так как это является сакральным знанием для избранных. И Я решил поделиться этим знанием с вами, дорогие друзья. :)
Если что-то вам не совсем понятно или вы хотите знать больше, то вы всегда можете обратиться к справке:
Впервые!
Если у вас было хоть раз желание сделать что-то новое и необычное, то этот видеокурс для вас! Знания ActionScript 3.0 вдохнут в ваши проекты новую жизнь, позволив тем самым поднять их на новый уровень
С помощью этого видеокурса вы пройдёте путь от новичка до Объектно-Ориентированного Программирования, сможете работать со многими популярными библиотеками и научитесь создавать сайты во flash! + Видеокурс по PaperVision3D в подарок!
Видеокурс содержит 119 видеоуроков в 12 главах. На сегодняшний день это единственный видеокурс, таких масштабов
Комментарии
А для ActionScript 2 это возможно?
ДимOn,
учите actionscript 3, второй версией ещё динозавры пользовались
1) Админ всегда прав
2) Если админ не прав, смотри пункт 1
Мы в контакте -
В таком случае первой пользовался бог, и мы все написаны на ActionScript 1.0
Написал программу? Проверь на ошибки. Исправил ошибки? Проверь еще раз. Нет ошибок? Ты плохой программист!<br /><br />https://prograph.ru/ - видео уроки по программированию в разных средах, а также справочники, программы и новости.<br />
В таком случае первой пользовался бог, и мы все написаны на ActionScript 1.0
Ага, вот оттуда и все пороки наши, всё из-за несовершенство первой версии языка
1) Админ всегда прав
2) Если админ не прав, смотри пункт 1
Мы в контакте -
полезный класс)
да,спаибо,мне имено это и надо!
Не рой другому яму, не делай чужую работу.
Помню когда случайно в далёком прошлом, при изучении справки флеша наткнулся на этот класс, радости не было предела, оказывается всё так просто.
Добрый день.
Я установил Adobe Flash CS3 и при попытке открыть исходник он ругается: Unexpected file format
Дело в версии продукта или возможны другие причины ?
Спасибо !
ProcXel.A, со всем уважением к тебе, хочу дополнить:
Так как событие "allTransitionsInDone" пока не документировано; для новичков, которые захотят выбрать направление
direction:Transition.OUT
событие окончания анимации будет "allTransitionsOutDone"
Добрый день. Я установил Adobe Flash CS3 и при попытке открыть исходник он ругается: Unexpected file format Дело в версии продукта или возможны другие причины ? Спасибо !
Ставьте CS5 - точно будет всё открываться :)
1) Админ всегда прав
2) Если админ не прав, смотри пункт 1
Мы в контакте -
Ставьте CS5 - точно будет всё открываться :)
зачем ставить если тут же выложили портабл версию =))))
А для ActionScript 2 это возможно?
Да.
https://help.adobe.com/en_US/AS2LCR/Flash_10.0/help.html?content=00002939.html
Spasibo !!!
М-дааа ...
Ты священную вешь только что нубам рассказал ...
Они это должны были понять со временем ...
Читая хелпы ... гугля ... Находя кусочки кодов ... и собирая их вместе ...
Я сам работаю на Флексе ... И хочу от себя лишь добавить ...
Эфектов кучаааааааааааааааааааааааааааааа.............
Но я их не расскажу никому ...... =))
Всем привет.
Может кто знает для TweenMax проверить, что перемещение объетка закончилось ( что бы на него снова навесить слушатель ) ?
Добрый день. Очень полезно. Скажите, а как можно сделать переход от одного кадра к другому? мне нужно сделать баннер, в котором 2 кадра будут постоянно сменять друг друга через переход пикселизации. Только я что-то никак не пойму как это реализовать. Если кто знает, скажите пожаоуйста.
А возможно ли такое провернуть с кнопкой перехода? Т.е., чтобы при наведении на неё использовался, скажем, эффект "Fade"?
Статьи и новости по Flash, Flash программы, Flash шаблоны, Flash исходники. easyflash.org
Если вы являетесь профессионалом во flash, flex, air, actionscrip 3.0, анимации или других RIA (Rich Internet Application), тогда мы предлагаем вам денежное сотрудничество.
Станьте автором будущих обучающих видеокурсов и зарабатывайте регулярно продавая свои знания и навыки. Все что вам нужно - это создать серю видеоуроков по выбранной теме и все!
Узнайте все подробности здесь.
Карта предназначена для того, чтобы вы иногда могли посмотреть масштабы сообщества флешеров! Нас много. Мы по всему миру. Вы видите себя? Присоединяйтесь к постоянно растущему, креативному сообществу flasher'ов по всему миру! Делайте интернет интерактивным и интересным! И зарабатывайте этим деньги, конечно!
Если Вам понравился данный проект, и Вы точно уверены, что он будет интересен Вашим друзьям, подписчикам, посетителям сайта и т.д., то мы хотим предложить Вам реальную возможность заработать.
Если Вы заинтересованы, то Вам нужно пройти по этой ссылке и зарегистрироваться в партнерской программе. После этого Вы должны просто рекомендовать наш сайт по собственной уникальной ссылке и если человек, зашедший по Вашей ссылке, приобретет наш курс по flash, то вы получите от 20% до 25% комиссионных.
Рекомендуя хорошую вещь, Вы зарабатываете деньги. Предлагаем Вам попробовать!