web-stroytel

Каталог статей

Флеш-строитель: Учимся рисовать карандашом

Получаем флеш редактор. Вот простой пример:

Не понравился рисунок?! - жмем Delete или Backspace.)

1 этап - создаем свой микро-фотошоп на пальцах.
Для начала сделаем простой редактор, который может рисовать только одним цветом.

1 Шаг.
Создаем новый документ. Размеры не важны - главное поставьте его Frame rate на 24 fps (кадров в секунду).

2 Шаг.
Нарисуйте карандаш - отличный инструмент для его рисования - карандаш. Конвертируйте его в мувик клипик F8 (точка регистрации - левый нижний угол - к ней тащим конец карандаша).

Откройте Properties (Ctrl+F3) и в строке <Instance Name> на панели напишите pencil.

3 Шаг
Кликните по первому кадру временной шкалы слоя и откройте панель Action Frame (F9), вставьте этот код:

//this.attachMovie("cursor_id", "cursor_mc", this.getNextHighestDepth(),
//   {_x:_xmouse, _y:_ymouse});
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(5, 0x990000, 1000); // ширина, цвет и сила
};
mouseListener.onMouseUp = function() {
    this.drawing = false;// поставьте на true - будет рисовать вечно))
};
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);

Исходник

Попробуйте закрасить флешку полностью.)

2 этап - Предоставим выбор цвета.

1 Шаг.

Сделать сейчас это будет довольно просто. В коде вместо:

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

Пропишем:

drawing_mc.lineStyle(3, _global.p_color, 100);

2 Шаг.
Сделайте несколько кругов разных цветов -> F8 (конвертируйте в Button)
и после этого к ним припишем в зависимости от цвета к ним в actions

on(release) {
_global.p_color = 0xКОД цвета
}

Исходник

[ Получить ссылку: ]

Категория: flash | Добавил: DEVIL009 (30.11.2009)

Просмотров: 1701 | Рейтинг: 5.0/2 |

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Регистрация

Категории

Html [1]

Не знание html – это постоянный тормоз, который будет преследовать на протяжении всей работы с сайтом, которая вовсе не ограничивается только его созданием.

CSS [0]

Каскадные таблицы стилей и все, что с ними связано.

CMS системы [3]

Почти самый простой способ создать сайт - воспользоваться CMS.

Дизайн [8]

Учимся на профессиональных web-дизайнеров!

Общее [10]

Все быстро, качественно и с нуля.

ucoz и другое [22]

Все, что может помочь в освоении этой CMS.

flash [11]

photoshop [4]

Поиск

Опрос:

Друзья

партнеры

Внимание!!

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

При копировании материалов ссылка на источник обязательна.
Если какой либо материал нарушает ваше авторское право, то пожалуйста обратитесь к администрации через ЛС.
Шаблон защищен авторским правом. подробнее