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

Намалюйте що-небудь:


А коли ви захочете видалити це, достатньо натиснути Delete або Backspace на клавіатурі.


Крок 1

Створіть новий флеш документ, натисніть Ctrl + J (Document Properties) і встановіть
ширину 350 і висоту 250px.
Frame rate встановіть рівним 24fps (кадрів в секунду).

Крок 2

Візьміть Line Tool (N) і намалюйте олівець. Дивіться картинку нижче.


Крок 5

Клацніть на першу кадру, відкрийте панель Action Script (F9), і вставте цей скрипт:

 







Code


Mouse.hide();
var mouseListener:Object = new Object();
mouseListener.onMouseMove = function() {
pencil._x = _xmouse;
pencil._y = _ymouse;
updateAfterEvent();
};


Mouse.addListener(mouseListener);


this.createEmptyMovieClip(“drawing_mc”, this.getNextHighestDepth());
pencil.swapDepths(drawing_mc);
var mouseListener:Object = new Object();
mouseListener.onMouseDown = function() {
this.drawing = true;
drawing_mc.moveTo(_xmouse, _ymouse);
drawing_mc.lineStyle(3, 0x99CC00, 100);
};


mouseListener.onMouseUp = function() {
this.drawing = false;
};


mouseListener.onMouseMove = function() {
if (this.drawing) {
drawing_mc.lineTo(_xmouse, _ymouse);
}
updateAfterEvent();
};


Mouse.addListener(mouseListener);


var keyListener:Object = new Object();
keyListener.onKeyDown = function() {
if (Key.isDown(Key.DELETEKEY) // Key.isDown(Key.BACKSPACE)) {
drawing_mc.clear();
}
};


Key.addListener(keyListener);



Крок 6


Зараз я вам дам коротке пояснення скрипта:


Цей скрипт:







Code

Mouse.hide();
var mouseListener:Object = new Object();
mouseListener.onMouseMove = function() {
pencil._x = _xmouse;
pencil._y = _ymouse;
updateAfterEvent();
};

замінює курсор на pencil (олівець).

Цей скрипт:







Code

Mouse.addListener(mouseListener);


для малювання.


Цей скрипт:







Code

drawing_mc.lineStyle(3, 0x99CC00, 100);


визначає колір, який ми використовуємо для малювання.


Цей скрипт:







Code

var keyListener:Object = new Object();
keyListener.onKeyDown = function() {
if (Key.isDown(Key.DELETEKEY) // Key.isDown(Key.BACKSPACE)) {
drawing_mc.clear();
}
};


задає видалення, якщо ми натискаємо Delete або Backspace на клавіатурі.


Цей скрипт:







Code

Key.addListener(keyListener);


містить слухач для картинки.


Це все!
Успіхів!

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


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

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

Ваш отзыв

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

*

*