Question

I have a MovieClip containing an image.
The image can be dragged around inside the MC.
The MC has a mask, let say round, so not all of the image is visible all the time, depends on where you drag the image.

What I need is a real-time duplicate of this MC as a smaller thumbnail. When I drag the image around in the MC, the duplicate thumbnail MC should be updated in real-time.

Anyone know how to do this?

Answer 1

+1 to Branden’s answer. Something like:

public static const SCALE : Number = 0.5; // thumbnail scale

private var thumb : Bitmap;
private var maskedClip : MovieClip = ...;

//...

maskedClip.addEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler);

//...

private function mouseMoveHandler(event:MouseEvent):void {
    var snapshot:BitmapData - new BitmapData(maskedClip.width * SCALE, maskedClip.height * SCALE, true, 0x00000000);
    var scaleMatrix:Matrix = new Matrix();
    scaleMatrix.scale(SCALE, SCALE);
    snapshot.draw(maskedClip, scaleMatrix);

    if (!thumb) {
        thumb = new Bitmap(snapshot);
        addChild(thumb);
    } else {
        thumb.bitmapData = snapshot;
    }
}