Перемещение по безопасному объекту AS3

Question

Im пытается сделать простой объект перемещаться из своего исходного положения в один из углов, в котором перемещается мышь. Но это немного сложнее, потому что мне нужно, чтобы мы двигались на некотором расстоянии в одном из направлений, прежде чем перемещать объект в этих углах, в которые перемещается мышь (чтобы не случайно мы не перемещали мышь/объект).

Я думал, что мне нужно сохранить начальную точку, когда мышь была нажата. Затем, чтобы проверить, когда она (мышь) переместила XX пикселей в одном из направлений, а затем, если переместилась выше некоторой точки (в котором мы уверены, что это не случайное движение) переместите объект в один из углов. Но ... Я не могу понять, как это сделать с помощью кода.

Чтобы более четко выше Ill объяснить с этой картиной

Так Gray Box является нашим объектом.

Стрелки - это направления, в которых мы можем перемещать коробку.

Зеленая линия это расстояние, которое нам нужно переместить нашу мышь (в то время как это pressedDown), так что объект движется в одном из directions./in этот пример 50px/

Давайте предположим, что мы щелкнули Серый ящик в верхнем правом углу (где заполнен зеленым кружком), поэтому, если мы хотим переместить ящик в ЛЕВЫЙ, нам нужно хотя бы переместить мышь (пока она еще нажата) в положение где левый полый зеленый круг есть. И если мы хотим переместить объект на ПРАВО, нам нужно переместить мышь на правой полой зеленой кружкой, перед Серый ящик идет в этом углу.

КРАСНЫЙ и СИНИЙ круги - это просто разные сценарии, представляющие разные точки, в которые мы нажали BOX, и где нам нужно переместить мышь, поэтому BOX перемещается.

:) Любая помощь будет очень оценена.

Answer 1

Вот простой пример:

var grayBox:Sprite; //let's say this is your gray square or whatever you're clicking 
grayBox.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler); 


var mouseDownPoint:Point = new Point(); //the point to capture on mouse down to compare against 
var currentObject:DisplayObject; //to store the current object on mouse down 
var threshold:int = 50; //how far in pixels the mouse needs to move before you count it as a move 
var didItMove:Boolean = false; //stores whether the current click was a move 

function mouseDownHandler(e:MouseEvent):void { 
    mouseDownPoint.x = e.stageX; 
    mouseDownPoint.y = e.stageY; 
    currentObject = e.currentTarget as DisplayObject; 
    didItMove = false; //reset this 
    stage.addEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHanlder, false, 0, true); //listen to mouse move until mouse up 
    stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler); 
} 

function mouseMoveHandler(e:MouseEvent):void { 
    if (Math.abs(e.stageX - mouseDownPoint.x) > threshold || Math.abs(e.stageY - mouseDownPoint.y) > threshold) { 
     //moved far enough 
     didItMove = true; 
     stage.removeEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler); //remove listener 
    } 
} 

function mouseUpHandler(e:MouseEvent):void { 
    if(stage.hasEventListener(MouseEvent.MOUSE_MOVE)) stage.removeEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler); //remove listener if still around 
    stage.removeEventListener(MouseEvent.MOUSE_UP, mouseUpHandler); //remove the mouse up listener from the stage 
    if (didItMove) { 
     //do something 

     //use currentObject 

     if(e.stageX > mouseDownPoint.x: 
      if(e.stageY > mouseDownPoint.y){ 
       //bottom right corner 
      }else { 
       //top right corner 
      } 
     }else{ 
      if(e.stageY > mouseDownPoint.y){ 
       //bottom left corner 
      }else { 
       //top left corner 
      } 
     } 
    } 

    currentObject = null; //free the var so it's hanging around in memory 
}