[показать]

УЧИМСЯ ДЕЛАТЬ

Цветочный шлейф за курсором - урок № 3
На мой вкус - самый красивый эффект - в третьем УРОКЕ
Работа выполнена в Adobe Flash (поводи мышкой по картинке)



Подготовим в ФШ картинку с цветами для шлейфа

Открыли программу Adobe Flash. Создадим новый документ на AS2
[762x505]
Поставим частоту кадров - 25 кадров в секунду
[750x333]
и вставим новый муви клип - Вставка - Создать символ...
[641x443]
дадим название zwezda и ставим галочку в чекбоксе "Экспорт для ActionScript
[730x580]
Поместим в новый клип цветы, заранее подготовленные в ФШ
[800x593]
[427x362]
[800x556]
Перейдём на основную сцену.
[509x324]
Перетащим клип zwezda на сцену и дадим имя - follower
[800x444]
[510x554]
Создадим слой для скрипта и вставим следующий код:
[800x471]

import flash.geom.ColorTransform;
Mouse.hide();
follower._visible = false;

this.onMouseMove = function() {
var d:Number = this.getNextHighestDepth();
var mc:MovieClip = follower.duplicateMovieClip('z'+d, d, {_x:_xmouse, _y:_ymouse, life:100, cacheAsBitmap:true, tr:new ColorTransform(1, 1, 1, 1, 255, 0, 0, 0)});
mc.onEnterFrame = function() {
moving(this);
};
};

function moving(mc:MovieClip) {
mc.life -= 1;
mc._xscale = mc._yscale=(400-mc.life*3);
mc._rotation += 6;
mc.transform.colorTransform = mc.tr;
mc.tr.redOffset -= 4;
mc.tr.greenOffset += 5;
mc.tr.blueOffset += 8;
mc.tr.alphaOffset -= 4;
if (!mc.life) {
delete mc.onEnterFrame;
mc.removeMovieClip();
}
}

[800x612]

И получаем такой красивый эффект шлейфа за курсором



Надеюсь, у вас все получилось. Удачи!
для вас Лариса Гурьянова

Серия сообщений "Мои уроки по флешкам":

Часть 1 - Красивые флешки с кодами
Часть 2 - Как во флеш-плеере поменять музыку...
...
Часть 27 - Цветочный шлейф за курсором - урок № 1
Часть 28 - Цветочный шлейф за курсором - урок № 2
Часть 29 - Цветочный шлейф за курсором - урок № 3
Часть 30 - Как скопировать флешку с инета и поставить в свой дневник...
Часть 31 - Работаем в Portable Flash Effect Maker Pro v5.01

Серия сообщений "Adobe Flash":

Часть 1 - Adobe Flash CS6 Portable
Часть 2 - Уроки по созданию флеш
...
Часть 27 - Цветочный шлейф за курсором - урок № 1
Часть 28 - Цветочный шлейф за курсором - урок № 2
Часть 29 - Цветочный шлейф за курсором - урок № 3