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

1.Создаем новий документ, oткриваем Document Properties (CTRL + J). Розмір ставимо 420х320 і frame rate ставимо 24 fps.
2.Назовите наш єдиний шар image frame.
3.Рісуем прямокутник за допомогою rectangle tool (колір заливки будь за смаком і колір контуру вимикаємо). Розміщуємо етот прямокутник в центрі сцени за допомогою Align panel. Дивись малюнок.


18.Создаем новий, шар зверху всіх інших і назвемо actions. Блокуємо шар.
Натискаємо на першому кадрі етого шару і йдемо Window> Actions.
19. Пишемо от етот код.



CODE

 
speed = 14;
imageMask.onEnterFrame = function() {
if ((this._width + this._x) < _xmouse) {
if (this._width + this._x >= _xmouse – 0.8) {
this._x = _xmouse – this._width;
} else {
this._x += (_xmouse – (this._width + this._x)) / speed;
}
} else if ((this._width+this._x) > _xmouse) {
if ((this._width + this._x) <= _xmouse + 0.8) {
this._x = _xmouse – this._width;
} else {
this._x -= ((this._width + this._x) – _xmouse) / speed;
}
} else {
this._x = _xmouse – this._width;
}
};

Пояснення до коду.

CODE

speed = 14;

це швидкість, чим менше номер тим швидше рух маски.


CODE
if ((this._width + this._x) < _xmouse) {  

те, що повинно бути виконано в разі, коли маска з лівого боку миші.


CODE
if (this._width + this._x >= _xmouse – 0.8) {
this._x = _xmouse – this._width;
} else {

Якщо рассрояніе правого краю маски по відношенню до миші менше або дорівнює 0,8, то положення правого краю маски повинно відповідати положенням миші.


CODE
this._x += (_xmouse – (this._width + this._x)) / speed;
}

У будь-якому іншому випадку (тобто коли відстань більше 0,8) _x положення маски буде збільшуватись постійно.


CODE
else if ((this._width+this._x) > _xmouse) {
if ((this._width + this._x) <= _xmouse + 0.8) {
this._x = _xmouse – this._width;
} else {
this._x -= ((this._width + this._x) – _xmouse) / speed;
}
} else {
this._x = _xmouse – this._width;
}
};

Механізм той же, тільки маска рухається в ліво.

Ну от і все.


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


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

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

Ваш отзыв

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

*

*