Рисование линий в AS3


В этом Flash уроке посмотрим, как просто создать клип, на котором можно мышью рисовать простейшие линии. Используя материалы урока можно усложнить скрипт и придать ему больше функционала.

Как это выглядит

[swf]http://mainview.ru/wp-content/uploads/flash/Line_Tool_Drawing.swf,300,200[/swf]

1. Создадим новый Flash документ. Нажмём комбинацию клавиш Ctrl+J(Document Properties) и установим нужный нам размер будущего клипа. Цвет фона установим чёрный или тёмный. Частоту кадров установим 38 и нажмём Ок

2. На панеле Timelineна слое Layer 1дважды кликнем мышкой и установим новое имя нашему слою Action Script.

3. Выбираем первый кадр в этом слое, и переходим в панель редактирования скрипта Action Script Panel нажимая клавишу F9. Затем пишем следуюший код Action Script

//Глобальный триггер
var drawing:Boolean=false;

//Устанавливаем стиль
this.graphics.lineStyle(2, 0xFFFFFF);
this.graphics.moveTo(mouseX, mouseY);

//Слушаем событие Enter Frame
this.addEventListener(Event.ENTER_FRAME, onLoop, false, 0, true);

//Слушаем события мыши
stage.addEventListener(MouseEvent.MOUSE_DOWN, onDown, false, 0,true);
stage.addEventListener(MouseEvent.MOUSE_UP, onUp, false, 0, true);

//При нажатии клавиши мыши разрешаем рисование
function onDown(evt:MouseEvent):void {
	drawing=true;
}

//При отпускании клавиши мыши запрещаем рисование
function onUp(evt:MouseEvent):void {
	drawing=false;
}

//Обрабатываем события при входе в кадр
function onLoop(evt:Event):void {
	if (drawing) {
		this.graphics.lineTo(mouseX, mouseY);
	} else {
		this.graphics.moveTo(mouseX, mouseY);
	}
}

Реклама
Поделиться
Качественные премиум темы и шаблоны для Вашего сайта:

Смотреть полный каталог качественных тем и шаблонов

Здесь Вы можете выбрать из более чем 46 000 готовых дизайнов. Шаблоны сайтов + установка + хостинг + персонализация + поисковая оптимизация + копирайтинг — все эти услуги вы всегда можете получить от профессионалов мирового уровня!

Один отзыв

  1. Tuymurod10/01/2014

Добавить коментарий

5 × пять =