Re: [Flashcoders] Tween multiple rotations
yeh - i love Tweener but the performance increase from using TweenLite / TweenMax cannot be denied and as the lightest engine, TweenLite just seems to make it's way into my work more often these days a On Thu, Sep 11, 2008 at 1:59 AM, Merrill, Jason [EMAIL PROTECTED] wrote: Your generalizations are interesting to say the least. Web 2.0 application development has nothing to do with the demands on a tween engine, I'm building a social networking app and the way the interface renders, a lightweight tween engine is essential. But if my interface was not as demanding, Fuse might be OK (though way more K than I would prefer). It really depends on how the animation is used. Web 2.0 has no relevance - apples to oranges. Greensock's tween engine does animation sequencing too. Jason Merrill Bank of America Instructional Technology Media Join the Bank of America Flash Platform Developer Community Are you a Bank of America associate interested in innovative learning ideas and technologies? Check out our internal Innovative Learning Blog subscribe. -Original Message- From: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] On Behalf Of sebastian Sent: Wednesday, September 10, 2008 8:41 PM To: Flash Coders List Subject: Re: [Flashcoders] Tween multiple rotations Ooops on the simple solution for a relative rotation [my bad]! Much better than my suggestion... :P Why Fuse? - Sequencing, passing writing animation objects. It is true for small applications, like banners; it's overkill when kbs are in dire need. But for web 2.0 application development, a few extra kb is insignificant. Check the last pages of this primer for what sets it apart when building complex or dynamic animation sequences: http://www.mosessupposes.com/Fuse/speakernotes-mgunesch.pdf mind you i am now coding primarily only in AS3... and 'Fuse3: Go' doesn't do it for me [why would I want to write my own tweens? isn't that the point of using an engine, so i don't have to write my own tweens anymore?...] :P :) Seb. Merrill, Jason wrote: On AS3 there isn't as good a package as fuse around [yet?]; What does FUSE have over TweenLite and TweenMax? FUSE always bloated my projects and had problems in high stress situations. Jason Merrill Bank of America Instructional Technology Media Join the Bank of America Flash Platform Developer Community Are you a Bank of America associate interested in innovative learning ideas and technologies? Check out our internal Innovative Learning Blog subscribe. ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
RE: [Flashcoders] Tween multiple rotations
I've never used it, but from what I understand, Fuse is indeed very powerful in terms of sheer number of features. And in Moses' defense, he recognized the problems with Fuse (bloat, poor performance) and came out with GoASAP for AS3 in an effort to have a core lightweight engine that developers could build their own custom engines on top of. But lots of developers don't want to mess with building an engine, so it might not be a good fit for everyone. You could pick up a pre-built one based on GoASAP if you want, though, like HydroTween. There are several others too. http://code.google.com/p/goplayground/. Tweener is very powerful as well, and tons of people use it. That being said, you may still want to check out TweenLite and/or TweenMax because: - They're faster. In some cases by a WIDE margin. http://blog.greensock.com/tweening-speed-test/ - Obviously TweenLite is lighter weight (about 3k). Fuse is huge. - AS2 AS3 versions with virtually identical syntax features - If you're looking for features (sequencing, Bezier tweening, filter tweening, pause/resume, event dispatching, timeScale, etc.), check out TweenMax which does everything TweenLite does plus tons more. Same syntax. Easy to upgrade. There are several features in TweenMax, in fact, that no other tweening engine has (that I'm aware of). I'd encourage you to download several engines and give 'em a shot. You might be surprised what you prefer after using them for a project or two. TweenLite comes with TweenMax which can be downloaded here: www.TweenMax.com Just my 2 cents. Keep the change. Jack -Original Message- From: sebastian [mailto:[EMAIL PROTECTED] Sent: Wednesday, September 10, 2008 7:41 PM To: Flash Coders List Subject: Re: [Flashcoders] Tween multiple rotations Ooops on the simple solution for a relative rotation [my bad]! Much better than my suggestion... :P Why Fuse? - Sequencing, passing writing animation objects. It is true for small applications, like banners; it's overkill when kbs are in dire need. But for web 2.0 application development, a few extra kb is insignificant. Check the last pages of this primer for what sets it apart when building complex or dynamic animation sequences: http://www.mosessupposes.com/Fuse/speakernotes-mgunesch.pdf mind you i am now coding primarily only in AS3... and 'Fuse3: Go' doesn't do it for me [why would I want to write my own tweens? isn't that the point of using an engine, so i don't have to write my own tweens anymore?...] :P :) Seb. Merrill, Jason wrote: On AS3 there isn't as good a package as fuse around [yet?]; What does FUSE have over TweenLite and TweenMax? FUSE always bloated my projects and had problems in high stress situations. Jason Merrill Bank of America Instructional Technology Media Join the Bank of America Flash Platform Developer Community Are you a Bank of America associate interested in innovative learning ideas and technologies? Check out our internal Innovative Learning Blog subscribe. ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Tween multiple rotations
found this on the greensock site - might work for you TweenMax.sequence(target:Object, tweenObjects:Array):Array - *Description:* Provides an easy way to sequence a set of tweens, one after the other, for the same target. It's essentially the same thing as making a bunch of individual TweenMax.to() calls on the object with overwrite set to 0, and their delays stacked. Use the multiSequence() method if you have multiple targets - *Parameters:* 1. *target : Object* - The object whose properties to tween. 2. *tweenObjects : Array* - An Array of tween objects. IMPORTANT: each object must contain a time property defining the duration of that tween. Example: On Tue, Sep 9, 2008 at 11:13 PM, Glen Pike [EMAIL PROTECTED]wrote: Hi, I am trying to rotate an object through 1080 (3 * 360) degrees with TweenLite. Does anyone know if I have to join a sequence of 360 tweens together to do this, or is there a way of cheating so it just does as you would hope? Thanks Glen -- Glen Pike 01326 218440 www.glenpike.co.uk http://www.glenpike.co.uk ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Tween multiple rotations
Hi, Thanks for that, I will look into it. Glen allandt bik-elliott (thefieldcomic.com) wrote: found this on the greensock site - might work for you TweenMax.sequence(target:Object, tweenObjects:Array):Array - *Description:* Provides an easy way to sequence a set of tweens, one after the other, for the same target. It's essentially the same thing as making a bunch of individual TweenMax.to() calls on the object with overwrite set to 0, and their delays stacked. Use the multiSequence() method if you have multiple targets - *Parameters:* 1. *target : Object* - The object whose properties to tween. 2. *tweenObjects : Array* - An Array of tween objects. IMPORTANT: each object must contain a time property defining the duration of that tween. Example: On Tue, Sep 9, 2008 at 11:13 PM, Glen Pike [EMAIL PROTECTED]wrote: Hi, I am trying to rotate an object through 1080 (3 * 360) degrees with TweenLite. Does anyone know if I have to join a sequence of 360 tweens together to do this, or is there a way of cheating so it just does as you would hope? Thanks Glen -- Glen Pike 01326 218440 www.glenpike.co.uk http://www.glenpike.co.uk ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders -- Glen Pike 01326 218440 www.glenpike.co.uk http://www.glenpike.co.uk ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Tween multiple rotations
If you are using AS2, check our FUSE as an alternative animation engine; I swear by it, learn it once and it will forever animate your work on all projects with kind simple powerful beautiy... ;) On AS3 there isn't as good a package as fuse around [yet?]; I'm using Tweener on AS3 which is nearly as good as FUSE; though it lacks certain features. In Tweener and FUSE you can create a series of actions and then bundle them to occur for as many times as you need [in your case, several 360 degree rotations] - in Fuse this is very elegantly handled as one call; in Tweener it's more messy; as you need to call a function at the end of every rotation, which increases a variable counter you make, which re-calls the same function if still below a current [rotation] value... more code, but also works. Good luck! Seb. Glen Pike wrote: Hi, Thanks for that, I will look into it. Glen allandt bik-elliott (thefieldcomic.com) wrote: found this on the greensock site - might work for you TweenMax.sequence(target:Object, tweenObjects:Array):Array - *Description:* Provides an easy way to sequence a set of tweens, one after the other, for the same target. It's essentially the same thing as making a bunch of individual TweenMax.to() calls on the object with overwrite set to 0, and their delays stacked. Use the multiSequence() method if you have multiple targets - *Parameters:* 1. *target : Object* - The object whose properties to tween. 2. *tweenObjects : Array* - An Array of tween objects. IMPORTANT: each object must contain a time property defining the duration of that tween. Example: On Tue, Sep 9, 2008 at 11:13 PM, Glen Pike [EMAIL PROTECTED]wrote: Hi, I am trying to rotate an object through 1080 (3 * 360) degrees with TweenLite. Does anyone know if I have to join a sequence of 360 tweens together to do this, or is there a way of cheating so it just does as you would hope? Thanks Glen -- Glen Pike 01326 218440 www.glenpike.co.uk http://www.glenpike.co.uk ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Tween multiple rotations
Hi, I have tried Fuse before in AS2 and whilst it was pretty good, I have been trying out TweenLite and found this to have a slight edge for what I need. Glen sebastian wrote: If you are using AS2, check our FUSE as an alternative animation engine; I swear by it, learn it once and it will forever animate your work on all projects with kind simple powerful beautiy... ;) On AS3 there isn't as good a package as fuse around [yet?]; I'm using Tweener on AS3 which is nearly as good as FUSE; though it lacks certain features. In Tweener and FUSE you can create a series of actions and then bundle them to occur for as many times as you need [in your case, several 360 degree rotations] - in Fuse this is very elegantly handled as one call; in Tweener it's more messy; as you need to call a function at the end of every rotation, which increases a variable counter you make, which re-calls the same function if still below a current [rotation] value... more code, but also works. Good luck! Seb. Glen Pike wrote: Hi, Thanks for that, I will look into it. Glen allandt bik-elliott (thefieldcomic.com) wrote: found this on the greensock site - might work for you TweenMax.sequence(target:Object, tweenObjects:Array):Array - *Description:* Provides an easy way to sequence a set of tweens, one after the other, for the same target. It's essentially the same thing as making a bunch of individual TweenMax.to() calls on the object with overwrite set to 0, and their delays stacked. Use the multiSequence() method if you have multiple targets - *Parameters:* 1. *target : Object* - The object whose properties to tween. 2. *tweenObjects : Array* - An Array of tween objects. IMPORTANT: each object must contain a time property defining the duration of that tween. Example: On Tue, Sep 9, 2008 at 11:13 PM, Glen Pike [EMAIL PROTECTED]wrote: Hi, I am trying to rotate an object through 1080 (3 * 360) degrees with TweenLite. Does anyone know if I have to join a sequence of 360 tweens together to do this, or is there a way of cheating so it just does as you would hope? Thanks Glen -- Glen Pike 01326 218440 www.glenpike.co.uk http://www.glenpike.co.uk ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders -- Glen Pike 01326 218440 www.glenpike.co.uk http://www.glenpike.co.uk ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Tween multiple rotations
Maybe I'm missing something about whats being attempted, but I know in Tweener (As3), you can just put in a value like 1440, and it will rotate 4 times, using a single tween. This code: Tweener.addTween(mc,{rotation:1440,time:2,transition:linear}); Does just that, no need to string multiple tweens together. .m On Wed, Sep 10, 2008 at 6:26 PM, sebastian [EMAIL PROTECTED] wrote: If you are using AS2, check our FUSE as an alternative animation engine; I swear by it, learn it once and it will forever animate your work on all projects with kind simple powerful beautiy... ;) On AS3 there isn't as good a package as fuse around [yet?]; I'm using Tweener on AS3 which is nearly as good as FUSE; though it lacks certain features. In Tweener and FUSE you can create a series of actions and then bundle them to occur for as many times as you need [in your case, several 360 degree rotations] - in Fuse this is very elegantly handled as one call; in Tweener it's more messy; as you need to call a function at the end of every rotation, which increases a variable counter you make, which re-calls the same function if still below a current [rotation] value... more code, but also works. Good luck! Seb. Glen Pike wrote: Hi, Thanks for that, I will look into it. Glen allandt bik-elliott (thefieldcomic.com) wrote: found this on the greensock site - might work for you TweenMax.sequence(target:Object, tweenObjects:Array):Array - *Description:* Provides an easy way to sequence a set of tweens, one after the other, for the same target. It's essentially the same thing as making a bunch of individual TweenMax.to() calls on the object with overwrite set to 0, and their delays stacked. Use the multiSequence() method if you have multiple targets - *Parameters:* 1. *target : Object* - The object whose properties to tween. 2. *tweenObjects : Array* - An Array of tween objects. IMPORTANT: each object must contain a time property defining the duration of that tween. Example: On Tue, Sep 9, 2008 at 11:13 PM, Glen Pike [EMAIL PROTECTED]wrote: Hi, I am trying to rotate an object through 1080 (3 * 360) degrees with TweenLite. Does anyone know if I have to join a sequence of 360 tweens together to do this, or is there a way of cheating so it just does as you would hope? Thanks Glen -- Glen Pike 01326 218440 www.glenpike.co.uk http://www.glenpike.co.uk ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
RE: [Flashcoders] Tween multiple rotations
If you want to rotate it 3 full rotations, you could just use a relative value by putting quotes around the value, like this: TweenLite.to(my_mc, 1, {rotation:1080}); Or if your amount is in a variable, just cast it as a String, like this: TweenLite.to(my_mc, 1, {rotation:String(myRotationVariable)}); Is that what you were looking for? Jack -Original Message- From: Glen Pike [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 09, 2008 5:14 PM To: Flashcoders mailing list Subject: [Flashcoders] Tween multiple rotations Hi, I am trying to rotate an object through 1080 (3 * 360) degrees with TweenLite. Does anyone know if I have to join a sequence of 360 tweens together to do this, or is there a way of cheating so it just does as you would hope? Thanks Glen -- Glen Pike 01326 218440 www.glenpike.co.uk http://www.glenpike.co.uk ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Tween multiple rotations
Hmm, let us play... ...you beauty. Thanks very much, that worked a treat. Glen Jack Doyle wrote: If you want to rotate it 3 full rotations, you could just use a relative value by putting quotes around the value, like this: TweenLite.to(my_mc, 1, {rotation:1080}); Or if your amount is in a variable, just cast it as a String, like this: TweenLite.to(my_mc, 1, {rotation:String(myRotationVariable)}); Is that what you were looking for? Jack -Original Message- From: Glen Pike [mailto:[EMAIL PROTECTED] Sent: Tuesday, September 09, 2008 5:14 PM To: Flashcoders mailing list Subject: [Flashcoders] Tween multiple rotations Hi, I am trying to rotate an object through 1080 (3 * 360) degrees with TweenLite. Does anyone know if I have to join a sequence of 360 tweens together to do this, or is there a way of cheating so it just does as you would hope? Thanks Glen -- Glen Pike 01326 218440 www.glenpike.co.uk http://www.glenpike.co.uk ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
RE: [Flashcoders] Tween multiple rotations
On AS3 there isn't as good a package as fuse around [yet?]; What does FUSE have over TweenLite and TweenMax? FUSE always bloated my projects and had problems in high stress situations. Jason Merrill Bank of America Instructional Technology Media Join the Bank of America Flash Platform Developer Community Are you a Bank of America associate interested in innovative learning ideas and technologies? Check out our internal Innovative Learning Blog subscribe. ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Tween multiple rotations
Ooops on the simple solution for a relative rotation [my bad]! Much better than my suggestion... :P Why Fuse? - Sequencing, passing writing animation objects. It is true for small applications, like banners; it's overkill when kbs are in dire need. But for web 2.0 application development, a few extra kb is insignificant. Check the last pages of this primer for what sets it apart when building complex or dynamic animation sequences: http://www.mosessupposes.com/Fuse/speakernotes-mgunesch.pdf mind you i am now coding primarily only in AS3... and 'Fuse3: Go' doesn't do it for me [why would I want to write my own tweens? isn't that the point of using an engine, so i don't have to write my own tweens anymore?...] :P :) Seb. Merrill, Jason wrote: On AS3 there isn't as good a package as fuse around [yet?]; What does FUSE have over TweenLite and TweenMax? FUSE always bloated my projects and had problems in high stress situations. Jason Merrill Bank of America Instructional Technology Media Join the Bank of America Flash Platform Developer Community Are you a Bank of America associate interested in innovative learning ideas and technologies? Check out our internal Innovative Learning Blog subscribe. ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
RE: [Flashcoders] Tween multiple rotations
Your generalizations are interesting to say the least. Web 2.0 application development has nothing to do with the demands on a tween engine, I'm building a social networking app and the way the interface renders, a lightweight tween engine is essential. But if my interface was not as demanding, Fuse might be OK (though way more K than I would prefer). It really depends on how the animation is used. Web 2.0 has no relevance - apples to oranges. Greensock's tween engine does animation sequencing too. Jason Merrill Bank of America Instructional Technology Media Join the Bank of America Flash Platform Developer Community Are you a Bank of America associate interested in innovative learning ideas and technologies? Check out our internal Innovative Learning Blog subscribe. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of sebastian Sent: Wednesday, September 10, 2008 8:41 PM To: Flash Coders List Subject: Re: [Flashcoders] Tween multiple rotations Ooops on the simple solution for a relative rotation [my bad]! Much better than my suggestion... :P Why Fuse? - Sequencing, passing writing animation objects. It is true for small applications, like banners; it's overkill when kbs are in dire need. But for web 2.0 application development, a few extra kb is insignificant. Check the last pages of this primer for what sets it apart when building complex or dynamic animation sequences: http://www.mosessupposes.com/Fuse/speakernotes-mgunesch.pdf mind you i am now coding primarily only in AS3... and 'Fuse3: Go' doesn't do it for me [why would I want to write my own tweens? isn't that the point of using an engine, so i don't have to write my own tweens anymore?...] :P :) Seb. Merrill, Jason wrote: On AS3 there isn't as good a package as fuse around [yet?]; What does FUSE have over TweenLite and TweenMax? FUSE always bloated my projects and had problems in high stress situations. Jason Merrill Bank of America Instructional Technology Media Join the Bank of America Flash Platform Developer Community Are you a Bank of America associate interested in innovative learning ideas and technologies? Check out our internal Innovative Learning Blog subscribe. ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
[Flashcoders] Tween multiple rotations
Hi, I am trying to rotate an object through 1080 (3 * 360) degrees with TweenLite. Does anyone know if I have to join a sequence of 360 tweens together to do this, or is there a way of cheating so it just does as you would hope? Thanks Glen -- Glen Pike 01326 218440 www.glenpike.co.uk http://www.glenpike.co.uk ___ Flashcoders mailing list Flashcoders@chattyfig.figleaf.com http://chattyfig.figleaf.com/mailman/listinfo/flashcoders