Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


Доска для рисования


А теперь приступим к реализации такой вот штучки...

Шаг 1 Создайте новый флеш документ и выберите в качестве цвета фона черный и Action Script 3 в качестве языка программирования.
Доска для рисования
Шаг 2 Переименуйте текущий слой в as3. Дважды кликните по стандартному названию (Layer 1) для того, чтобы изменить его. Нажмите Enter для того, чтобы подтврдить ввод имени.
alt
Шаг 3 Кликните по первому кадру слоя as3 и перейдите в панель Action Script (F9). Введите следующий код:

<!--ec1-->//Создаем булеву переменную, значение которой, будет false, если перо рисования
//будет поднято и true - если опущенно.
var drawing:Boolean = false;
//Создаем спрайт-контейнер
var top = new Sprite();
addChild(top);
//Назначаем толщину линии 1 пиксель и цвет белый(0xFFFFFF)
top.graphics.lineStyle(1, 0xFFFFFF);
//Переносим перо рисования в текущее положение мыши.
top.graphics.moveTo(mouseX, mouseY);
//Добавляем слушатели события
stage.addEventListener(MouseEvent.MOUSE_MOVE, onLoop, false, 0,
true);
//Добавляем обработчик события нажатия мыши
stage.addEventListener(MouseEvent.MOUSE_DOWN, changeDown, false, 0,
true);
//Добавляем обработчик события отпускания мыши
stage.addEventListener(MouseEvent.MOUSE_UP, changeUp, false, 0, true);
function changeDown(evt:MouseEvent):void {
drawing = true;
}
function changeUp(evt:MouseEvent):void {
drawing = false;
}
//Функция, которая вызывается событием Event.MOUSE_MOVE, которая в зависимости
//от значенной переменной drawing будет либо рисовать, либо переносить перо.
function onLoop(evt:MouseEvent):void {
if (drawing) {
 top.graphics.lineTo(mouseX, mouseY);
} else {
 top.graphics.moveTo(mouseX, mouseY);
}
}


Это все!

Скомпилируйте свой проект (Ctrl+Enter) и начинайте рисовать!
Здесь лежит исходник:
Нажмите для скачивания drawing_with_as3.zip!
Название: drawing_with_as3.zip
Размер: 5.25 Kb


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.