Flash эффект увеличения с AS3
Изучая этот Action Script 3 Flash урок, вы увидете как просто можно создать эффект увеличения клипа. Эффект увеличения изображения удобно применять при создании баннеров или flash Презентаций. Также вы научитесь импортировать фотографии во Flash и делать преобразования в Movie Clip.
Как это выглядит
1.Прежде чем начать Action Script 3 Flash урок, найдём любое фото, которое нам понравиться.
2. Создадим новый Flash документ. Нажмём комбинацию клавиш Ctrl+J (Document Properties) и установим нужный нам размер будущего клипа. Цвет фона установим также на свой вкус. Частоту кадров установим 38 и нажмём Ок
3. На панеле Timeline на слое Layer 1 дважды кликнем мышкой и установим новое имя нашему слою photo.
4. Загрузим нашу картинку во Flash. Для этого выбираем File > Import > Import to stage (Ctrl+R).
5. Пока загруженное фото ешё выбрано, нажмём клавишу F8 (Convert to Symbol) и преобразуем нашу картинку в клип (Movie Clip Symbol)
6. Пока созданный клип активен, в панеле свойств (Properties Panel) дадим имя нашему клипу Photo.
7. На панеле Timeline над слоем photo создадим новый слой и назовём его button. После этого, в этом слое нарисуем желаемую кнопку и нужный текст. Выбираем созданные нами объекты и опять преобразуем их в клип (Button symbol).
8. Пока созданный клип активен, в панеле свойств (Properties Panel) дадим имя нашему клипу myButton.
9. На панеле Timeline над слоем button создадим новый слой и назовём его actions.
10. Выбираем первый кадр в этом слое, и переходим в панель редактирования скрипта Action Script Panel нажимая клавишу F9. Затем пишем следуюший код Action Script
//Импортируем библиотеки
import fl.transitions.*;
import fl.transitions.easing.*;
//Установим слушателя на кнопку
myButton.addEventListener(MouseEvent.CLICK, zoomMyObject);
//Функция назначения объекту эффекта увеличения
function zoomMyObject(event:MouseEvent) {
TransitionManager.start(Photo, {type:Zoom, direction:Transition.IN, duration:3, easing:Elastic.easeOut});
}
После этого нажимаем комбинацию клавиш Ctrl+Enter и смотрим полученный результат
Мотивирующий пост
А скажите пожалуйста, если я хочу сделать такой же еффект у самой же кнопки, наводиш на неё мышью и она увеличивается..что надо поменять в коде?