Флеш-строитель: Учимся рисовать карандашом - flash - создаем - Каталог статей - Создай свой сайт
Приветствую Вас ГостьПонедельник, 25.09.2017, 03:48

web-stroytel


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

Главная » Статьи » создаем » flash

Флеш-строитель: Учимся рисовать карандашом
Получаем флеш редактор. Вот простой пример:



Не понравился рисунок?! - жмем 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)
Просмотров: 1302 | Рейтинг: 5.0/2 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Регистрация
Категории
Html [1]
Не знание html – это постоянный тормоз, который будет преследовать на протяжении всей работы с сайтом, которая вовсе не ограничивается только его созданием.
CSS [0]
Каскадные таблицы стилей и все, что с ними связано.
CMS системы [3]
Почти самый простой способ создать сайт - воспользоваться CMS.
Дизайн [8]
Учимся на профессиональных web-дизайнеров!
Общее [10]
Все быстро, качественно и с нуля.
ucoz и другое [22]
Все, что может помочь в освоении этой CMS.
flash [11]
photoshop [4]
Поиск
Опрос:
Поддерживаете ли Вы идеи создания сайта?
Всего ответов: 42
Друзья
Rambler's Top100
партнеры

Внимание!!
Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0



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