Question

Hi this kills me 🙂 I am using senocular for as3 move,rotate,scale,skew loaded image into MC and works great, but spent a lot of time, can’t find nice solution for cropping such MC (with loaded image) with mouse. Do someone have solution (code) for this?

Answer 1

To display the cropped area, all you need to do is apply a mask, which is just another Display Object.

I haven’t used Senocular’s code for this, but if you make the mask the target of his move / scale code, then you can easily implement cropping. There’s plenty on masking in the Adobe docs: http://livedocs.adobe.com/flex/3/html/help.html?content=05_Display_Programming_28.html

In practice, you have to hide the resize / move controls when cropping, and vice-versa, which is why tools like Flash itself, or Photoshop, have separate transform and crop modes.

From Senocular’s docs:

// import for the Transform Tool classes used
import com.senocular.display.transform.*;

// create a box object to interact with
var box:Sprite = new Sprite();
addChild(box);
box.graphics.beginFill(0xAACCDD);
box.graphics.drawRect(-50, -50, 100, 100);
box.x = 100;
box.y = 100;

// create the Transform Tool
var tool:TransformTool = new TransformTool(new ControlSetStandard());
addChild(tool);

// select the box with the transform tool when clicked. 
// deselect when clicking on the stage
box.addEventListener(MouseEvent.MOUSE_DOWN, tool.select);
stage.addEventListener(MouseEvent.MOUSE_DOWN, tool.deselect);

Just do this, but box needs to be the mask of your movie clip, so that when you resize it, you will crop the movie clip.