Уроки Flash: Текстовий ефект з бульбашками, Програми для роботи з графікою, Програмні керівництва, статті

Переглянути результат уроку.


Цей урок покаже як створити літери, усередині яких піднімаються бульбашки.
Протягом уроку будуть створені бульбашки, які будуть розмножені і анімовані за допомогою Actionscript. Ви можете завантажити исходник для кращого розуміння уроку.
Урок можна розділити на такі частини:
– Текст-фон
– Маска
– Напрямні
– Багато напрямних
– Actionscript


Частина 1. Текст-фон.
Крок 1.
Почнемо. Якщо ви не завантажили fla фай, то попередньо збережіть ваш малюнок-текст, а потім імпортуйте його у флеш ((File> Import> Import to Stage). Цей малюнок буде виконувати функцію фону в анімації. Зроблений він був в Fotoshop за допомогою шрифту Arial розміром 150. Пізніше використовуючи цей же шрифт ми створимо маску під флеш.


Крок 28
Введіть код


CODE
total = 90;
level = 0;
releaseTimes = [];
incr = 0;

лінія 1 – кількість бульбашок, яке буде створено
лінія 2 – номер рівня, в який завантажується мувік

Крок 29


CODE
function createInterval() {
for (var i = 0; i<total; i++) {
 releaseTimes.push(500+(i*100));
}
}

Функція, що відповідає за інтервал появи пухирців. Під флеш час вимірюється в мілісекундах, таким чином 500 буде дорівнювати 0.5 секундам. Можна міняти значення відповідно до того, який інтервал появи пухирців ви хочете встановити.

Крок 30.


CODE
function createBubble() {
ranPath = “path”+random(3);
var path= bubbles.attachMovie(ranPath, “path”+level, level+1000);
var bubble = path.emptyClip.attachMovie(“bubbleMc”, “bubbleMc”+level, level+10000);
path._x = random(220)+10;
path._y = -100;
bubble._width = bubble._height=random(19)+3;
bubble._alpha = random(40)+60;
level++;
}

Створення випадкового відтворення мувік float 1,2,3
Копіювання випадково обраного мувіка. Випадковий вибір параметрів: розташування по осях x і y, прозорості, ширини, висоти. Мінлива рівня збільшена на 1.

Крок 31


CODE
createInterval();
var nextTime = releaseTimes[0];
this.onEnterFrame = function() {
var time = getTimer();
if (nextTime<time) {
 createBubble();
 incr++;
 nextTime = releaseTimes[incr];
}
};

Код повністю:
CODE
total = 90;
level = 0;
releaseTimes = [];
incr = 0;
function createInterval() {
for (var i = 0; i<total; i++) {
 releaseTimes.push(500+(i*100));
}
}
function createBubble() {
ranPath = “path”+random(3);
var path= bubbles.attachMovie(ranPath, “path”+level, level+1000);
var bubble = path.emptyClip.attachMovie(“bubbleMc”, “bubbleMc”+level, level+10000);
path._x = random(220)+10;
path._y = -100;
bubble._width = bubble._height=random(19)+3;
bubble._alpha = random(40)+60;
level++;
}
createInterval();
var nextTime = releaseTimes[0];
this.onEnterFrame = function() {
var time = getTimer();
if (nextTime<time) {
 createBubble();
 incr++;
 nextTime = releaseTimes[incr];
}
};

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*