Question

a display object container on the stage has some bitmap images of sizes 50×50 arranged in a order one by one. Now if i click on any of the thumbnail image (bitmap) the entire container should move and position itself so that, the bitmap image clicked is placed in the center of the stage.

How can we do this in ActionScript 3.0. Can somebody point out an example or a resource please?

Answer 1

thumbnail.addEventListener(MouseEvent.CLICK, _position);

function _position(e:Event):void
{
    var thumb:Bitmap = Bitmap(e.target);

    container.x = -thumb.x + (stage.stageWidth / 2);
    container.y = -thumb.y + (stage.stageHeight / 2);
}