GreenSock


OverwriteManager - auto overwriting (and more) comes to the TweenLite family

Posted in Tweening by jack on the August 29th, 2008

OverwriteManager is included in all TweenLite/TweenFilterLite/TweenMax downloads and allows you to control how tweens with overlapping properties are handled. Without OverwriteManager, tweens of the same object are always completely overwritten unless you set overwrite:0 (previously overwrite:false which still works by the way).

  1. TweenLite.to(mc, 1, {x:100, y:200});
  2. TweenLite.to(mc, 1, {alpha:0.5, delay:2}); //Without OverwriteManager, this tween immediately overwrites the previous one

So even though there are no overlapping properties in the previous example, the 2nd tween would overwrite the first. The primary reason for this has to do with speed and file size. But if you're willing to sacrifice a little speed and file size, OverwriteManager can work with the tweening classes to automatically sense when there are overlapping properties and then only overwrite the individual properties in the other tween(s). Don't worry, you'd probably never notice even a slight speed decrease unless hundreds of tweens are beginning simultaneously with overlapping properties.

More...

Custom Ease Builder - Easing Made Easy

Posted in Tweening by jack on the August 16th, 2008

Sometimes the standard easing equations (Elastic, Strong, etc.) don't give you quite what you want. This tool allows you to interactively draw a curve for your own custom easing equation and it even writes the code for you. Just copy and paste it into your AS3 or AS2 application. The code it writes requires the gs.easing.CustomEase class which is a membership benefit of Club GreenSock.

More...

TransformManager (AS3) - Interactively Scale/Rotate/Move DisplayObjects

Posted in Transforming by jack on the August 15th, 2008

TransformManager makes it easy to add interactive scaling/rotating/moving of DisplayObjects to your Flash application. It uses an intuitive interface that's similar to most modern drawing applications. When the user clicks on a managed DisplayObject, a selection box will be drawn around it along with 8 handles for scaling/rotating. When the mouse is placed just outside of any of the scaling handles, the cursor will change to indicate that they're in rotation mode. Just like most other applications, the user can hold down the SHIFT key to select multiple items, to constrain scaling proportions, or to limit the rotation to 45 degree increments.

More...