Troubles with Sequences

Question

I have tried unsuccessfully to use different methods in gumbo to replace tweenmax and had very little success the closest I have come is with parallel sequences but still not really achieving what I was hoping to do , targeting objects is the first issue(even with sequencing) as the only way I have suceeded so far is to target an object before playing a sequence as below, but I want to include multiple targets within a series of effects and declaring the target within a sequence just fails.
PageL.rotationY=180;
flipper.target=paperMod;
flipper.play();
TweenMax.to(PageL,2,{rotationY:1, delay:0.100});   <------ I really don't want this here
this is the sequence
<mx:Sequence id="flipper">
<mx:Parallel duration="500">
<mx:AnimateProperty property="force" fromValue="0" toValue="1.8"/>
<mx:AnimateProperty property="angle" fromValue="-1.00" toValue="-0.25"/>
<mx:AnimateProperty property="offset" fromValue="1" toValue="0.3"/>
</mx:Parallel>
<mx:Parallel duration="750">
<mx:AnimateProperty property="force" toValue="0" fromValue="1.8"/>
<mx:AnimateProperty property="angle" toValue="-1.00" fromValue="-0.25"/>
<mx:AnimateProperty property="offset" toValue="1" fromValue="0.3"/>
</mx:Parallel>
</mx:Sequence>
this is the tweening I want to replace
protected function button2_clickHandler(event:MouseEvent):void
PageL.rotationY=180;
paperMod.force = 0;
paperMod.offset = 0.95;
paperMod.angle =  0;
rev=true;
myTween = new TweenMax(paperMod, 0.75, {force:1.7, offset:0.22, angle:-0.35, bezier:[{offset:1.2, angle:-0.7, force:1}],
onComplete:reverseMe});
TweenMax.to(PageL,2,{rotationY:1, delay:0.100});
private function reverseMe():void
if (rev==true)
rev=false;
myTween.reverse(false,true);
http://gumbo.flashhub.net/flip/  - my test bed app
So am I totally off-track or is there a way I can replace the tweening cleanly, I've tried motionpaths, animation etc... but nothing seems to work, and the big one is can I have multiple targets in a set of sequences/animations that could rival tweening.
David

Answer 1

Hi David,
You should definitely be able to do this. The effects version is actually simpler than what you have below in Flex 4 beta (because of the new RepeatBehavior functionality and the ability for Animate to target multiple properties) (are you on Flex 4? Or using Flex 3?), but the key thing is that you have to specify the target (or multiple targets) either in the effect declaration or in the play() method when you launch it. Assuming you're okay with declaring the targets in the effects, here's how I'd rewrite your code using Flex4 effects:
<s:Animate targets="{[paperMod, bezier]}" repeatCount="2" repeatBehavior="reverse"/>
    <s:SimpleMotionPath property="force" valueFrom="0" valueTo="1.8"/>
    <s:SimpleMotionPath property="angle" valueFrom="-1" valueTo="-.25"/>
    <s:SimpleMotionPath property="force" valueFrom="0" valueTo=".3"/>
</s:Animate>
If this is a question about Flex 3 effects, then I think the only thing you're missing is the targets. Add 'targets="{[paperMod, bezier]}"' to your Sequence declaration (the targets of composite effects propagate to the children unless the children override the targets).
Does this help?
Chet.
ps: I have various tutorial videos on effects (Flex3 and Flex 4) on my blog at http://graphics-geek.blogspot.com - check it out if you want to get the bigger picture on how this stuff works.
<mx:Sequence id="flipper">
<mx:Parallel duration="500">
<mx:AnimateProperty property="force" fromValue="0" toValue="1.8"/>
<mx:AnimateProperty property="angle" fromValue="-1.00" toValue="-
0.25"/>
<mx:AnimateProperty property="offset" fromValue="1" toValue="0.3"/>
</mx:Parallel>
<mx:Parallel duration="750">
<mx:AnimateProperty property="force" toValue="0" fromValue="1.8"/>
<mx:AnimateProperty property="angle" toValue="-1.00" fromValue="-
0.25"/>
<mx:AnimateProperty property="offset" toValue="1" fromValue="0.3"/>
</mx:Parallel>
</mx:Sequence>
>