Cant get crop to work

[Dcoo 6 Likes (Newbie)]

I cant get crop to work, is it possible to use it with dynamically added images?

 

var myTargets:Array = [];



var manager:TransformManager = new TransformManager({targetObjects:myTargets,constrainScale:false,forceSelectionToFront:true,allowDelete:true,autoDeselect:false,handleSize:35});

[GreenSock 18,878 Likes (Superhero)]

I don't quite follow your question. It looks like you're passing "cropMode:true" into a TransformManager which isn't right. There is no such thing. Perhaps you meant to create Crop instances first? See http://greensock.com/as/docs/transform/com/greensock/transform/Crop.html for the crop class docs. 

[Dcoo 6 Likes (Newbie)]

Sorry I just pasted the wrong code in there!

 I'm looking a crop instance for dynamically added images, I'm adding images as there taken, to my manager

function showMedia( loader:Loader ):void
{
loader.width = 640;
loader.height = 480;
loader.y = 109.35;
loader.x = 160;
/*loader.rotation = 90;*/
this.addChild( loader );


manager.addItem(loader);
}

and here is my manager

var myTargets:Array = [];


var manager:TransformManager = new TransformManager({targetObjects:myTargets,constrainScale:false,forceSelectionToFront:true,allowDelete:true,autoDeselect:false,handleSize:35});

 

in  the example it shows each crop made one at a time
can I some how set up a crop with "myTargets"

var mc1Crop:Crop = new Crop(mc1, manager);
var mc2Crop:Crop = new Crop(mc2, manager);
var mc3Crop:Crop = new Crop(mc3, manager);

[GreenSock 18,878 Likes (Superhero)]

You need to create a Crop instance for each one. And make sure you do that AFTER your image completely loads.

 

Does that answer your question? 

[Dcoo 6 Likes (Newbie)]

So you cant us it for dynamic content? you would need to know the name of the object your adding ?

[GreenSock 18,878 Likes (Superhero)]

Sure, you can use it for dynamic content. Just create your crop instance after you load your dynamic content. Perhaps I'm misunderstanding your question. 

[Dcoo 6 Likes (Newbie)]

I'm not sure where to add it?  Before I add it to the manager?

var imageLoaderCrop:Crop = new Crop(loader);
manager.addItem(loader);

[GreenSock 18,878 Likes (Superhero)]

Nope, you don't add it to the manager - the Crop does that for you. You pass the TransformManager instance to the Crop so that it knows how to associate things. Check out the example in the docs. 

import com.greensock.transform.*;

//create the TransformManager first 
var manager:TransformManager = new TransformManager();
 
//now create Crop objects for mc1, mc2, and mc3 which are all DisplayObjects on the stage
var mc1Crop:Crop = new Crop(mc1, manager);
var mc2Crop:Crop = new Crop(mc2, manager);
var mc3Crop:Crop = new Crop(mc3, manager);

So once you create your TransformManager, you can add as many Crops as you want, whenever you want. 

[Dcoo 6 Likes (Newbie)]

Nope, you don't add it to the manager - the Crop does that for you. You pass the TransformManager instance to the Crop so that it knows how to associate things. Check out the example in the docs. 

import com.greensock.transform.*;

//create the TransformManager first 
var manager:TransformManager = new TransformManager();
 
//now create Crop objects for mc1, mc2, and mc3 which are all DisplayObjects on the stage
var mc1Crop:Crop = new Crop(mc1, manager);
var mc2Crop:Crop = new Crop(mc2, manager);
var mc3Crop:Crop = new Crop(mc3, manager);

So once you create your TransformManager, you can add as many Crops as you want, whenever you want. 

Ok but it still looks like I would need to know the name of the object, but in my code its being loaded from a camera so I don't know what the name will be?

 

right now all the pictures loaded manager as loader and it works fine how could I add a crop into this scenario?

function showMedia( loader:Loader ):void
{
loader.width = 640;
loader.height = 480;
loader.y = 109.35;
loader.x = 160;
/*loader.rotation = 90;*/
this.addChild( loader );
manager.addItem(loader);
}

[GreenSock 18,878 Likes (Superhero)]

Try replacing this:

manager.addItem(loader);

...with this:

var crop:Crop = new Crop(loader, manager);

But also keep in mind that you must ensure that your image has finished loading before you do this, otherwise its dimensions might actually be 0x0 when the Crop is trying to figure out its size. 

[Dcoo 6 Likes (Newbie)]

dang, I get this eror message when I test that code

 

 

Scene 1, Layer 'cam', Frame 2, Line 197 1046: Type was not found or was not a compile-time constant: Crop.

 

Scene 1, Layer 'cam', Frame 2, Line 197 1180: Call to a possibly undefined method Crop.

 

Note:

 

I added import com.greensock.transform.*;

 

and don't get the eror

[GreenSock 18,878 Likes (Superhero)]

Glad you figured out that you just needed the import statement. 

 

Is it working as expected now? 

[Dcoo 6 Likes (Newbie)]

Yes thank you, I'm wondering why my transformManager was working with out that code?

 

import com.greensock.transform.*;

[Dcoo 6 Likes (Newbie)]

Is it possible to call the crop with a button instead of double clicking?

[GreenSock 18,878 Likes (Superhero)]

Sure, you can set the Crop instance's "cropMode" to true or false whenever you want. So use a button to do it, or whatever. 

[Dcoo 6 Likes (Newbie)]

Cool thanks!

[Dcoo 6 Likes (Newbie)]

I would like to use a button to turn on and off Crop,
is there an equivalent to  "manager.deleteSelection(); " for   cropMode true?

 

I'm adding my imageLoader to new Crop shown below:

 

but I want to use a button  "on click" to change the "cropped true" of whatever object is slected  and then agin to false with a finished button.

but my var crop:Crop = new Crop(imageLoader,manager); is not accessible out side the function imageLoaded
so I get an error that flash docent know what Crop is?
any ideas would be most welcome

function imageLoaded ( event:Event ):void{
log2 ( "Image loaded asynchronously." );
imageLoader.width = 640;
imageLoader.height = 480;
imageLoader.y = 109.35;
imageLoader.x = 660;
imageLoader.rotation = 90;
this.addChild ( imageLoader );


var crop:Crop = new Crop(imageLoader,manager);


}

[GreenSock 18,878 Likes (Superhero)]

If I understand your question correctly, you just need to declare your variable outside your function:

var crop:Crop;
function imageLoaded(...) {
    ...
    crop = new Crop(...);
}

..then you can still access that variable outside of that function. 

[Dcoo 6 Likes (Newbie)]

Thanks for the reply, and yes ,sorry my question is confusing!

what I'm wondering is is there something like manager.deleteSelection(); for cropMode true?
​or would it be something like crop.Selection = cropped "true";
or Crop.Selection.cropMode = true;

[GreenSock 18,878 Likes (Superhero)]

Are you saying you want to remove/delete the crop, so that the whole (uncropped) DisplayObject shows? There's a destroy() method.

[Dcoo 6 Likes (Newbie)]

Thanks, I'm trying to set the Crop instance's "cropMode" to true or false with a button, but I cant find the current selection I have been trying manager.configureCropMode but no luck

I tried crop.configureCropMode(true); and this

function cropitFunction (event:MouseEvent):void{
this.manager.configureCropMode(true);

}

[GreenSock 18,878 Likes (Superhero)]

Do you mean something like this?:

button.addEventListener(MouseEvent.CLICK, toggleCropMode);
function toggleCropMode(e:MouseEvent):void {
    this.crop.cropMode = !this.crop.cropMode; //just toggles it either direction
}

[Dcoo 6 Likes (Newbie)]

Thank you Jack! thats it exactly!!

[Dcoo 6 Likes (Newbie)]

One more crop qustion, 

 

After adding images to the crop

crop = new Crop(imageLoader,manager);

I can no longer tween their alpha, if I set alpha to 1 it turns black

TweenMax.to(manager.selectedTargetObjects,.75,{alpha:1});

Is it possible to have both?

[Dcoo 6 Likes (Newbie)]

So it looks like I'm only changing the alpha of the crop mask? is there a way to get at the image underneath?