Изменение размера мувика с помощью драга мышки

[quazare]

Народ. перезадаю вопросец.
Подскажите пожалуйста как сделать ресайз мувика (например треугольника) если потянуть его за какую-либо сторону (драгом мышки).
Если можно примерчик. Спасибо!

[Wolsh]

Привет земляк)) Сделай примерчик, где ты можешь "потянуть треугольник за какую-либо сторону (драгом мышки)" (но только за сторону!!), и я сделаю тебе ресайз. Просто непонятно, как именно ты хочешь чтобы это было реализовано. Т.е. за что "хвататься", что будет "таскаться" и что именно должно ресайзиться.

[KiL33]

var _mc:MovieClip = this.createEmptyMovieClip("square_mc", 1);
var square_mc:MovieClip = _mc.createEmptyMovieClip("square_mc", 2);
square_mc.beginFill(0xFF0000);
square_mc.moveTo(0,0);
square_mc.lineTo(100,0);
square_mc.lineTo(100,100);
square_mc.lineTo(0,100);
square_mc.endFill();
 
var _mc_at:MovieClip = _mc.createEmptyMovieClip("upr", 3);
_mc_at.beginFill(0xFFFF00);
_mc_at.moveTo(0,0);
_mc_at.lineTo(20,0);
_mc_at.lineTo(20,20);
_mc_at.lineTo(0,20);
_mc_at.endFill();
_mc_at.onPress = drag_start;
_mc_at.onRelease = drag_stop;
function drag_start() {
	this.startDrag();
	this.onMouseMove = function() {
		scx = _mc_at._x;
		scy = _mc_at._y;
		trace(scy);
		square_mc._yscale = scy;
		square_mc._xscale = scx;
	};
}
function drag_stop() {
	this.stopDrag();
}

Вот накидал такой очень косячный вариант, только для примера.
Уверен, Wolsh в стомильонтысяч раз реализует это лучше

P.S. тянуть нужно жёлтый квадратик..

Добавлено через 28 минут
Вот так ещё можно поизвращаться..

var _mc:MovieClip = this.createEmptyMovieClip("square_mc", 1);
var square_mc:MovieClip = _mc.createEmptyMovieClip("square_mc", 2);
square_mc.beginFill(0xFF0000);
square_mc.moveTo(0,0);
square_mc.lineTo(100,0);
square_mc.lineTo(100,100);
square_mc.lineTo(0,100);
square_mc.endFill();
 
var _mc_at:MovieClip = _mc.createEmptyMovieClip("upr", 3);
_mc_at.beginFill(0xFFFF00);
_mc_at.moveTo(100,100);
_mc_at.lineTo(80,100);
_mc_at.lineTo(80,80);
_mc_at.lineTo(100,80);
_mc_at.endFill();
_mc_at.onPress = drag_start;
_mc_at.onRelease = drag_stop;
function drag_start() {
	this.startDrag();
	this.onMouseMove = function() {
		scx = _mc_at._x+100;
		scy = _mc_at._y+100;
		trace(scy);
		square_mc._yscale = scy;
		square_mc._xscale = scx;
	 updateAfterEvent();
	};
}
function drag_stop() {
	this.stopDrag();
}
 
square_mc.onPress=drag_start_mc
square_mc.onRelease=drag_stop_mc
function drag_start_mc() {
	this._parent.startDrag();
}
function drag_stop_mc() {
	this._parent.stopDrag();
}

Добавлено через 1 час 33 минуты
Пока нечем заняться ещё такую фичу сваял..

var _mc:MovieClip = this.createEmptyMovieClip("square_mc", 1);
var square_mc:MovieClip = _mc.createEmptyMovieClip("square_mc", 2);
square_mc.beginFill(0xFF0000);
square_mc.moveTo(0,0);
square_mc.lineTo(100,0);
square_mc.lineTo(100,100);
square_mc.lineTo(0,100);
square_mc.endFill();
 
var _mc_at:MovieClip = _mc.createEmptyMovieClip("upr", 3);
_mc_at.beginFill(0xFFFF00);
_mc_at.moveTo(100,100);
_mc_at.lineTo(80,100);
_mc_at.lineTo(80,80);
_mc_at.lineTo(100,80);
_mc_at.endFill();
_mc_at.onPress = drag_start;
_mc_at.onRelease = drag_stop;
function drag_start() {
	this.startDrag();
	this.onMouseMove = size;
}
function size() {
	scx = _mc_at._x+100;
	scy = _mc_at._y+100;
	trace(scy);
	square_mc._yscale = scy;
	square_mc._xscale = scx;
	updateAfterEvent();
}
function drag_stop() {
	this.stopDrag();
}
 
square_mc.onPress = drag_start_mc;
square_mc.onRelease = drag_stop_mc;
function drag_start_mc() {
	this._parent.startDrag();
}
function drag_stop_mc() {
	this._parent.stopDrag();
}
//разреш.монитора>>это всё лишний хлам...>>>>>>>>>>
var scr_x = System.capabilities.screenResolutionX;
var scr_y = System.capabilities.screenResolutionY;
trace('Разрешение манитора: '+scr_x+"/"+scr_y);
//Двойной клик
var delay:Number = 300;
var myBroadcaster:Object = new Object();
AsBroadcaster.initialize(myBroadcaster);
var myListener:Object = new Object();
myBroadcaster.addListener(myListener);
Mouse.addListener(myListener);
myListener.onMouseDown = function() {
	if (_mc.square_mc.hitTest(_root._xmouse, _root._ymouse, true)) {
		clickInterval = getTimer()-clickTime;
		clickTime = getTimer();
		if (clickInterval<delay) {
			myBroadcaster.broadcastMessage("onDoubleClick");
			clickTime = -delay;
		}
	}
};
myListener.onDoubleClick = function() {
	if (!this.flag) {
		screen_MAX();
	} else {
		screen_MIN();
	}
	this.flag = !this.flag;
};
function screen_MAX() {
	_mc_at._x = scr_x;
	_mc_at._y = scr_y;
	size();
	trace(_mc_at._x);
}
function screen_MIN() {
	_mc_at._x = 100;
	_mc_at._y = 100;
	size();
}

Двойной клик квадратик растянется под ваше разрешение экрана.

[Wolsh]

2 и 3 нормально, я вот подобное использовал - http://flasher.ru/forum/showthread.php?t=101951&page=2. Но автор вопроса хочет, как я понимаю, даже не просто стандартный ресайз окна - двигая по-отдельности его бордеры, а ресайз буквально произвольной фигуры ("например - треугольник" - нормальный такой пример, треугольный, хватай и тащи -чего, куда, я так и не понял как он будет ресайзиться, у меня в глазах он только искажается - если двигать грань, то что остается неподвижным - противоположный угол.... не, это надо думать))))

Добавлено через 3 часа 59 минут
Вот примерно как я понял задачу.
Тут два разных варианта поведения, зависят от флага constrain - масштабирование с сохранением пропорций или без.

//// Флаг, сохранять ли пропорции
var constrain:Boolean = false;
////
var mc:MovieClip = _root.createEmptyMovieClip("mc", 20);
mc.lineStyle(0,0,0);
mc.beginFill(0x66aa66);
mc.moveTo(10,20);
mc.lineTo(200,240);
mc.lineTo(300,50);
mc._x = 100, mc._y = 80
mc.onPress = startScale;
mc.onRelease = mc.onReleaseOutside = stopScale;
////
var startX:Number;
var startY:Number;
var startXscale:Number;
var startYscale:Number;
var koefXY:Number;
////
var centerX:Number = mc._x + mc._width/2;
var centerY:Number = mc._y + mc._height/2;
////
function startScale () : Void 
{
	startXscale = this._xscale;
	startYscale = this._yscale;
	startX = _root._xmouse;
	startY = _root._ymouse;
	var kx = Math.sqrt(Math.pow(startX - centerX, 2) + Math.pow(startY - centerY, 2));
	koefXY = startXscale/kx;
	this.onMouseMove = dragScale;
}
function stopScale () : Void
{
	this.onMouseMove = null;
}
function dragScale () : Void 
{
	//// SCALE XY
	var xdir:Number = (startXscale>0 ? 1 : -1);
	var ydir:Number = (startYscale>0 ? 1 : -1);
	var vx:Number = (centerX > startX) ? startX - _root._xmouse : _root._xmouse - startX;
	var vy:Number = (centerY > startY) ? startY - _root._ymouse : _root._ymouse - startY;
	if(constrain)
	{
		var dirX = (_root._xmouse > centerX)&&(startX > centerX) ? 1 : (_root._xmouse < centerX)&&(startX < centerX) ? 1 : -1;
		var dirY = (_root._ymouse > centerY)&&(startY > centerY) ? 1 : (_root._ymouse < centerY)&&(startY < centerY) ? 1 : -1;
		var deltaXY = Math.sqrt(Math.pow(centerX - _root._xmouse, 2) + Math.pow(centerY - _root._ymouse, 2));
		this._yscale=this._xscale = koefXY*deltaXY*dirX*dirY;//
	}
	else
	{
		this._xscale = startXscale + vx*xdir;
		this._yscale = startYscale + vy*ydir;
	}
	////  XY
	var _xdir:Number = (this._xscale>0 ? 1 : -1);
	var _ydir:Number = (this._yscale>0 ? 1 : -1);
	this._x = centerX - this._width*_xdir/2;
	this._y = centerY - this._height*_ydir/2;
	////
	updateAfterEvent();
}

[greenhill]

//// Флаг, сохранять ли пропорции
var constrain:Boolean = false;
////
var mc:MovieClip = _root.createEmptyMovieClip("mc", 20);
mc.lineStyle(0,0,0);
mc.beginFill(0x66aa66);
mc.moveTo(10,20);
mc.lineTo(200,240);
mc.lineTo(300,50);
mc._x = 100, mc._y = 80
mc.onPress = startScale;
mc.onRelease = mc.onReleaseOutside = stopScale;
////
var startX:Number;
var startY:Number;
var startXscale:Number;
var startYscale:Number;
var koefXY:Number;
////
var centerX:Number = mc._x + mc._width/2;
var centerY:Number = mc._y + mc._height/2;
////
function startScale () : Void 
{
	startXscale = this._xscale;
	startYscale = this._yscale;
	startX = _root._xmouse;
	startY = _root._ymouse;
	var kx = Math.sqrt(Math.pow(startX - centerX, 2) + Math.pow(startY - centerY, 2));
	koefXY = startXscale/kx;
	this.onMouseMove = dragScale;
}
function stopScale () : Void
{
	this.onMouseMove = null;
}
function dragScale () : Void 
{
	//// SCALE XY
	var xdir:Number = (startXscale>0 ? 1 : -1);
	var ydir:Number = (startYscale>0 ? 1 : -1);
	var vx:Number = (centerX > startX) ? startX - _root._xmouse : _root._xmouse - startX;
	var vy:Number = (centerY > startY) ? startY - _root._ymouse : _root._ymouse - startY;
	if(constrain)
	{
		var dirX = (_root._xmouse > centerX)&&(startX > centerX) ? 1 : (_root._xmouse < centerX)&&(startX < centerX) ? 1 : -1;
		var dirY = (_root._ymouse > centerY)&&(startY > centerY) ? 1 : (_root._ymouse < centerY)&&(startY < centerY) ? 1 : -1;
		var deltaXY = Math.sqrt(Math.pow(centerX - _root._xmouse, 2) + Math.pow(centerY - _root._ymouse, 2));
		this._yscale=this._xscale = koefXY*deltaXY*dirX*dirY;//
	}
	else
	{
		this._xscale = startXscale + vx*xdir;
		this._yscale = startYscale + vy*ydir;
	}
	////  XY
	var _xdir:Number = (this._xscale>0 ? 1 : -1);
	var _ydir:Number = (this._yscale>0 ? 1 : -1);
	this._x = centerX - this._width*_xdir/2;
	this._y = centerY - this._height*_ydir/2;
	////
	updateAfterEvent();
}

Скажите, почему когда размер именяемого клипа делаем больше или меньше 100, то клип за который тянем для изменения первого, не находится в правом нижнем углу первого?

[Wolsh]

А где Вы нашли здесь ДВА клипа? %)

[greenhill]

Сори, случайно не то копирнула.
Вот:

var _mc:MovieClip = this.createEmptyMovieClip("square_mc", 1);
var square_mc:MovieClip = _mc.createEmptyMovieClip("square_mc", 2);
square_mc.beginFill(0xFF0000);
square_mc.moveTo(0,0);
square_mc.lineTo(100,0);
square_mc.lineTo(100,100);
square_mc.lineTo(0,100);
square_mc.endFill();
 
var _mc_at:MovieClip = _mc.createEmptyMovieClip("upr", 3);
_mc_at.beginFill(0xFFFF00);
_mc_at.moveTo(100,100);
_mc_at.lineTo(80,100);
_mc_at.lineTo(80,80);
_mc_at.lineTo(100,80);
_mc_at.endFill();
_mc_at.onPress = drag_start;
_mc_at.onRelease = drag_stop;
function drag_start() {
	this.startDrag();
	this.onMouseMove = function() {
		scx = _mc_at._x+100;
		scy = _mc_at._y+100;
		trace(scy);
		square_mc._yscale = scy;
		square_mc._xscale = scx;
	 updateAfterEvent();
	};
}
function drag_stop() {
	this.stopDrag();
}
 
square_mc.onPress=drag_start_mc
square_mc.onRelease=drag_stop_mc
function drag_start_mc() {
	this._parent.startDrag();
}
function drag_stop_mc() {
	this._parent.stopDrag();
}

[KiL33]

Только сейчас увидел, какое решение предложил Wolsh..просто супер..спасибо!

По теме:
полагаю, так надо было

var minwidth:Number = 0;
var minheight:Number = 0;
 
var _mc:MovieClip = this.createEmptyMovieClip("square_mc", 1);
var square_mc:MovieClip = _mc.createEmptyMovieClip("square_mc", 2);
square_mc.beginFill(0xFF0000);
square_mc.moveTo(0,0);
square_mc.lineTo(100,0);
square_mc.lineTo(100,100);
square_mc.lineTo(0,100);
square_mc.endFill();
 
var _mc_at:MovieClip = _mc.createEmptyMovieClip("upr", 3);
_mc_at.beginFill(0xFFFF00);
_mc_at.moveTo(100,100);
_mc_at.lineTo(80,100);
_mc_at.lineTo(80,80);
_mc_at.lineTo(100,80);
_mc_at.endFill();
_mc_at.onPress = drag_start;
function drag_start() {
	_mc_at.onMouseMove = function() {
		this._x = Math.max(_xmouse-90, minwidth);
		this._y = Math.max(_ymouse-90, minheight);
		scx = _mc_at._x+100;
		scy = _mc_at._y+100;
		trace(scy);
		square_mc._yscale = scy;
		square_mc._xscale = scx;
		updateAfterEvent();
	};
}
_mc_at.onMouseUp = function() {
	delete _mc_at.onMouseMove;
};
 
square_mc.onPress = drag_start_mc;
square_mc.onRelease = drag_stop_mc;
function drag_start_mc() {
	_root.startDrag();
	this.onMouseMove = function() {
		updateAfterEvent();
	};
}
function drag_stop_mc() {
	this.stopDrag();
	delete this.onMouseMove;
}

[Psycho Tiger]

Автор молчит..)
Может, ему нужно было по 3 точкам рисовать треугольник и его вершины изменять?

P.S>да, привет землякам.)

[iNils]

greenhill, для оформления кода не надо использовать теги цитирования. Читайте описания кнопок.