Рисование замкнутых фигур

[RetSam]

Добрый день!

Как мне сделать такую вещь:

Пользователь щелкает мышкой по полю - ставится точка, далее за мышкой ведется прямая до следующего щелчка, где ставится следующая точка и т.д.

И чтобы если конечная точка = первой, то фигура считалась замкнутой и ее можно было залить цветом.

Если кто-то делал что-то подобное - помогите советом, а то я новичок во флеше.

[silin]

по клику запоминаем координаты, moveTo/lineTo в эти координаты, если близко к первой точке (<tol) заливаем..

lineStyle(0);
var tol=20;
var path=[];
function onMouseUp(){
	path.push({x:_xmouse,y:_ymouse});
	if(!started){
		moveTo(_xmouse,_ymouse);
		started=true;
	}else{
		lineTo(_xmouse,_ymouse);
		var dx=_xmouse-path[0].x,dy=_ymouse-path[0].y;
		if(Math.sqrt(dx*dx+dy*dy)<tol){
			clear();
			moveTo(path[path.length-1].x,path[path.length-1].y);
			beginFill(0xFF0000);
			lineStyle(0,0x00FF00);
			for(var i=0;i<path.length;i++)lineTo(path[i].x,path[i].y);
			endFill();
		}
	}
}

[RetSam]

Спасибо большое!

А как все-таки добавить, чтобы линия велась после клика, до тех пор пока не будет замкнута?

[silin]

перерисовать весь массив (по enterFrame например)

var tol=20;
var path=[];
function onMouseUp(){
	var dx=_xmouse-path[0].x,dy=_ymouse-path[0].y;
	if(Math.sqrt(dx*dx+dy*dy)<tol){
		delete this.onEnterFrame;
		clear();
		moveTo(_xmouse,_ymouse);
		beginFill(0xFF0000);
		lineStyle(0,0x00FF00);
		for(var i=0;i<path.length;i++)lineTo(path[i].x,path[i].y);
		endFill();
	}
	path.push({x:_xmouse,y:_ymouse});
}
function onEnterFrame(){
		clear();
		lineStyle(0);
		moveTo(path[0].x,path[0].y);
		for(var i=1;i<path.length;i++)lineTo(path[i].x,path[i].y);
		if(path.length) lineTo(_xmouse,_ymouse);
}

[RetSam]

Еще если можешь подскажи, как теперь доделать чтобы мышка была бы привязана к точкам (сетке) на поле, чтобы ровно можно было рисовать, т.е. мышка как бы скакала по точкам в сетке и при клике рисовала бы линию.

[silin]

округляй до размеров сетки..

var tol=20;
var path=[];
var gridStep=10;
function onMouseUp(){
	var dx=_xmouse-path[0].x,dy=_ymouse-path[0].y;
	if(Math.sqrt(dx*dx+dy*dy)<tol){
		delete this.onEnterFrame;
		clear();
		moveTo(_xmouse,_ymouse);
		beginFill(0xFF0000);
		lineStyle(0,0x00FF00);
		for(var i=0;i<path.length;i++)lineTo(path[i].x,path[i].y);
		endFill();
	}
	path.push({x:gridStep*Math.round(_xmouse/gridStep),y:gridStep*Math.round(_ymouse/gridStep)});
}
function onEnterFrame(){
		clear();
		lineStyle(0);
		moveTo(path[0].x,path[0].y);
		for(var i=1;i<path.length;i++)lineTo(path[i].x,path[i].y);
		if(path.length) lineTo(gridStep*Math.round(_xmouse/gridStep),gridStep*Math.round(_ymouse/gridStep));
}

мышкой двигает юзер, заставить ее скакать по сетке нельзя..
можно ее скрыть Mouse.hide(), а двигать вместо нее свой курсор (мувик)..

[motor4ik]

а я то думал. что - то пером знакомым написано