[run-time error]

Figured it out. It did not like me adding certain items between the mxml tags.

[run-time error]

I just added a transform mgr I had used in a previous Flex 4 project to a new Flex 4 project, but now when I run the app I get the errror:

TypeError: Error #1009: Cannot access a property or method of a null object reference.
at com.greensock.transform::TransformManager/updateSelection()[/users/stevelombardi/Documents/WORK/Game Development/Tests/src/com/greensock/transform/TransformManager.as]
at com.greensock.transform::TransformManager/set lineColor()[/users/stevelombardi/Documents/WORK/Game Development/Tests/src/com/greensock/transform/TransformManager.as]
at com.greensock.transform::FlexTransformManager/set lineColor()[/users/stevelombardi/Documents/WORK/Game Development/Tests/src/com/greensock/transform/FlexTransformManager.as]
at TransformTests/init()[/users/stevelombardi/Documents/WORK/Game Development/Tests/src/TransformTests.mxml]
at TransformTests/___TransformTests_Application1_creationComplete()[/users/stevelombardi/Documents/WORK/Game Development/Tests/src/TransformTests.mxml]
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at mx.core::UIComponent/dispatchEvent()[E]
at mx.core::UIComponent/set initialized()[E]
at mx.managers::LayoutManager/doPhasedInstantiation()[E]
at mx.managers::LayoutManager/doPhasedInstantiationCallback()[E]

 

Although if I dismiss the error, the transform mgr seems to work fine...

[Trying to create a looping fading slideshow]

I am trying to create a looping sequence of several images in Flash that fade from one to the next every 3 seconds.

 

So far, I have the images on the stage, one atop the previous each in its own layer, as in:

 

pic3

pic2

pic1

 

I set the all to alpha 0 on the properties panel then did this:

var slideDelay:int = 3;

var timeline:TimelineMax = new TimelineMax({repeat:-1});
timeline.append( TweenMax.fromTo(p1, 2, {alpha:0}, {alpha:1}));
timeline.append( TweenMax.fromTo(p2, 2, {alpha:0}, {alpha:1}),slideDelay);
timeline.append( TweenMax.fromTo(p3, 2, {alpha:0}, {alpha:1}),slideDelay);

 

The problem is in trying to loop back to the beginning smoothly. Any suggestions?

[Using length of items array for a boolean]

I wound up adding a function call whenever I add or remove an item to update the boolean.

 

I think all I'd need, though, is to make the "items" variable bindable. I can try it out; where is this variable set in your code?

[Using length of items array for a boolean]

I have a button I was trying to enable only if there are items in the transform manager:

 

But it is not enabling when I add items to the transform manager. Am I missing something?

[Preventing scaling whilst delivering a message]

Well, if I leave lockScale false (default), can I instead intercept the onScale command and prevent it from continuing?

[Preventing scaling whilst delivering a message]

I have an application wherein the user must do something first before they can scale items.

 

I know how to lockScale, which might suffice, but I might want to show the resize cursor, yet display a message (and/or play a sound, or something else) when the user actually tries to do the resize.

 

Is this possible? How might I implement this?

[Changing selection depths [SOLVED]]

Yes, that was it. I had no idea. Thanks!

 

 

myManager.ignoredObjects = [downBtn,upBtn];

[Changing selection depths [SOLVED]]

I see there are two methods:

 

moveSelectionDepthDown():void

Moves the selection down one level.

 

moveSelectionDepthUp():void

Moves the selection up one level.

 

Are there any examples on how to apply these methods to a selection? I'd like to make "move forward" and "move backward" buttons, but not sure how.

 

I have created a button with a function:

protected function button1_clickHandler(event:MouseEvent):void
		{
			 myManager.moveSelectionDepthDown();
		}

 

but nothing happens.

[Move All The Way To Back]

Interesting, I need to do this very thing. But what's not clear to me is this line:

var atm:TransformManager = fooClip._tm; // my active TransformManager

 

Which is your active transform manager? atm or fooClip._tm? My TM is called "myManager", so I tried

var atm:TransformManager = myManager;

 

But this gives an error:

1067: Implicit coercion of a value of type com.greensock.transform:FlexTransformManager to an unrelated type com.greensock.transform:TransformManager.

 

So I tried modifying the code as below. Also I didn't see any variable declarations for depthID or depthCounter, so I added two ints below as well. This throws an error when I assign it to a button and run it, same error.

 

 

private var depthID:int;
private var depthCounter:int;

//method to move up depth
private function swapDepthsGO($e:MouseEvent) : void {
var objectsLen:int = myManager.targetObjects.length; // length of all items which are registered with the TransformManager
depthCounter = 0; // inits my depth counter
depthID = setInterval(moveSelectionDepth,5,myManager,objectsLen,1); // starts changing the depth 1 = up || -1 = down 
}

//method to move down depth
private function swapDepthsGU($e:MouseEvent) : void {
var objectsLen:int = myManager.targetObjects.length; // length of all items which are registered with the TransformManager
depthCounter = 0; // inits my depth counter
depthID = setInterval(moveSelectionDepth,5,myManager,objectsLen,1); // starts changing the depth 1 = up || -1 = down 
}

private function moveSelectionDepth($atm:TransformManager,$len:int,$direction:int=1):void{
if(++depthCounter>$len){
	clearInterval(depthID);
}else {
	if($direction==-1){
		$atm.moveSelectionDepthDown();
	}else{
		$atm.moveSelectionDepthUp(); 
	}
}
}

[Flash Builder 4 support?]

I am using it like this:

 

And it seems to work fine, FWIW.

[Adding items, and adding them as selected]

Not sure - maybe the e.target should be e.currentTarget.

 

I tried that. But, it should be noted that this works:

var item:TransformItem = myManager.addItem(e.target as DisplayObject);
           myManager.selectItem(item);

 

So it is getting the object that should be selected. It just doesn't appear on the stage unless added in the first function.

 

I'd need to see your project to troubleshoot further

Sure, here's the project.

[Adding items, and adding them as selected]

I see. This seems to work:

			protected function addNewItem(e:MouseEvent):void {
			var newImage:Image = new Image();
			newImage.source = "Spiked.gif";
			newImage.addEventListener(Event.COMPLETE, selectMe);
			newImage.x = 100;
			newImage.y = 200;
			myManager.addItem(newImage);
		}

		private function selectMe(e:Event):void {
			var item:TransformItem = myManager.addItem(e.target as DisplayObject);
			myManager.selectItem(item);
			e.target.removeEventListener(Event.COMPLETE, selectMe);
		}

This adds the item and correctly selects it.

 

But only when I have the "addItem" in the first function. If it's only in the second, nothing gets added (although the handler is called). Seems odd that I have "addItem" twice, although there seems to be (correctly) only one image.

[Adding items, and adding them as selected]

I am using the wrong event I think. So I am abandoning that methodology.

 

I would rather just specify the width and height of the image, so that the transform item will be the right size. So why does this not work?

protected function addNewItem(e:MouseEvent):void {
			var newImage:Image = new Image();
			newImage.source = "Spiked.gif";
			newImage.x = 100;
			newImage.y = 200;
			newImage.width = 48;
			newImage.height = 48;
			myManager.addItem(newImage);
			myManager.selectItem(newImage);
		}

 

I can also embed the image, which also works but is less than practical.

[Embed(source="Sunflower.gif")]
public static const flower:Class;			

		protected function addNewItem(e:MouseEvent):void {
			var newImage:Image = new Image();
			newImage.source = flower;
			newImage.x = 100;
			newImage.y = 200;
			myManager.addItem(newImage);
			myManager.selectItem(newImage);
		}

[Adding items, and adding them as selected]

No, doesn't work. Complains with the line var item:TransformItem = myManager.addItem(e.target); cannot coerce item object to item display object.

 

I give up. Let's say in most cases I know the size of the image I am adding. Then, why wouldn't this work:

protected function addNewItem(src:String):void
		{
			var newImage:Image = new Image();
			newImage.source = src;
			myManager.addItem(newImage);
			newImage.width = 48;
			newImage.height = 48;
			newImage.x = 100;
			newImage.y = 200;
			myManager.selectItem(newImage);
		}

[Adding items, and adding them as selected]

I get the concept, if not the methodology. I tried this, but I'm not sure how to then get the TransformItem I want highlighted from the first function to the second:

 

protected function addNewItem(src:String):void
		{
			var newImage:Image = new Image();
			newImage.source = src;
			newImage.addEventListener(FlexEvent.UPDATE_COMPLETE, selectMe);
			myManager.addItem(newImage);
			newImage.x = 100;
			newImage.y = 200;
		}

		private function selectMe(e:FlexEvent):void {
			trace("update complete");
		}

[Adding items, and adding them as selected]

This is all I am doing:

<?xml version="1.0" encoding="utf-8"?>
		   xmlns:s="library://ns.adobe.com/flex/spark" 
		   xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="955" minHeight="600" xmlns:transform="com.greensock.transform.*" creationComplete="init()">

[Adding items, and adding them as selected]

I tried that, but it didn't seem to work. I notice now that it is, in fact, selected, except there is no bounding box (or, there is an incorrect one):

 

 

If I de-select it and then click again, I get the correct transform frame:

 

[Working with the IDs of transform items in Flex]

I was wondering how I could access/manage the IDs of individual transform items, especially those I add dynamically.

 

I was thinking two things:

1. get what was clicked on. So if the user clicks on an image of a dog, I display dog items (as in "if e.currentTarget.id =='collie' then showDogs()")

 

Your sample code is working with the array of all selected items, how to wok with individual items in the selection?

private function onSelectionChange($e:TransformEvent):void {
	trace("Changed selection. Items just selected/deselected (changed): " + $e.items.length + ", total items now selected: " + myManager.selectedItems.length);}

 

2. select all the items with some specified ID(s), such as "select all dogs"

[Flash Builder 4 support?]

Actually, I am assuming you mean that to use a swf in FB4 you would do this.

 

To use the class itself directly in FB4, I just used the sample Flex code in a new FB4 (s:Application) and it just worked.

[Adding items, and adding them as selected]

I am beginning to make a Flex 4 game with my newly-purchased Transform Manager.

 

What I will need to do is present a user with a tile list of images, and when the user clicks one, add it to the transform manager for positioning etc. Kind of like colorforms or dress-up paper dolls.

 

So in my initial testing, I have created a basic add an item function like:

protected function button1_clickHandler(event:MouseEvent):void
		{
			var newImage:Image = new Image();
			newImage.source = "Sunflower.gif";
			newImage.id = "image2";
			myManager.addItem(newImage);
			newImage.x = 100;
			newImage.y = 200;
		}

 

This seems to work. A new sunflower is added on each click, and I can then transform it. Very sweet!

 

Is this the proper way to go about this sort of process? And how would I make the new object appear as "selected" immediately upon adding it?