Question

Cannot figure this one out. How do i constrain the drag of an mc whose registration point is in the center to a larger clip whose registration point is also in the center? The code below drags the clip named img, but doesn’t constrain to the ‘rect’ clip.

var bounds:Rectangle = new Rectangle(rect.width/2-img.width/2, rect.height/2-img.height/2, rect.width-img.width, rect.height-img.height);

img.addEventListener(MouseEvent.MOUSE_DOWN, drag);
img.addEventListener(MouseEvent.MOUSE_UP, drop);

function drag(event:MouseEvent) {
    img.startDrag(false, bounds);
}
function drop(event:MouseEvent) {
    img.stopDrag();
}

Answer 1

If rect is the rectangle you want your object (img) to stay inside of, and they are both anchored in the center, then this is what you need:

var bounds:Rectangle = new Rectangle();
bounds.x = rect.x + (img.width * .5) - (rect.width * .5);  //offset by + half of the image, and - half of the rectangle
bounds.y = rect.y + (img.height * .5) - (rect.height * .5);
bounds.width = rect.width - img.width; //make the bounds the size of the rectangle, minus the size of the image
bounds.height = rect.height - img.height;