Got an idea for a tutorial centered around GreenSock tools like TweenLite, TweenMax, TimelineLite, TimelineMax, LoaderMax, etc.? Turn it into a “Shockingly Green” Club GreenSock membership by submitting it here. If your tutorial is deemed good enough to get posted on the GreenSock.com site, you’ll win a free membership plus the satisfaction of knowing that you’re helping a bunch of other developers. I keep getting requests for more training resources and example FLA files, Flex projects, etc. that developers can dissect to gain a better understanding of how to work with the GreenSock tools. So I need your help.
Welcome
Deadlines are looming. You’ve got to deliver a swf that looks amazing, packed with lots of whiz-bang effects that run smoothly. No time to reinvent the wheel. You need a reliable ActionScript tool set that helps you live up to your reputation as a Flash Rock Star. Well roll up your sleeves and put on your green sock because you’ve come to the right place. We’ve spent crazy amounts of time obsessing about code so you don’t have to. From tweening to transforming to loading, there are plenty of tools to make you more efficient. Give ‘em a try. They may knock your socks off.
Recent posts
LoaderMax – Smart AS3 Loading
LoaderMax is a new AS3 loading system that does much more than just getting swf, mp3, css, video, image, text, binary, and xml files into your Flash application. It eats files for dinner, burps, and then asks for 2nds. And 3rds. Yet it’s surprisingly thin. In fact, it can be half the size of most other loading systems even though it delivers a bunch of unique capabilities, some of which you probably never knew you needed but won’t want to live without. Here are a few of the noteworthy features…
AutoFitArea – Stretch/Scale/Position DisplayObjects to Fit Within a Rectangular Area
AutoFitArea allows you to define a rectangular area and then attach() DisplayObjects so that they automatically fit into the area, repositioning and scaling/stretching in any of the following modes: STRETCH, PROPORTIONAL_INSIDE, PROPORTIONAL_OUTSIDE, PROPORTIONAL_CROPPED, NONE, WIDTH_ONLY, or HEIGHT_ONLY. Horizontally align the attached DisplayObjects left, center, or right. Vertically align them top, center, or bottom. Even apply a minimum/maximum width/height for each attached object. AutoFitArea extends the Shape class, so you can alter (and yes, tween) the width/height/scaleX/scaleY/x/y properties of the AutoFitArea and then all of the attached objects will automatically be affected. Attach as many DisplayObjects as you want.
SplitTextField – Break Apart TextFields by Character/Word/Line for Easy Animation
What if you could take the existing text in a TextField and dynamically break it apart into individual TextFields for each character, word, or line so that you could animate them separately? Maybe your goal is to explode the characters apart or have words fall into place while fading in or blur sequentially. There are lots of great tools out there for creating interesting text effects but maybe you don’t want an all-in-one solution with a new interface or API to learn. Maybe you’re comfortable with the GreenSock Tweening Platform and you want to control all the animation yourself and minimize file size. That was the idea behind SplitTextField. It isn’t meant to be a text effects engine – it simply breaks apart a TextField instance and swaps itself (a Sprite) into place where the original TextField was in the display list, retaining the same scale/position/rotation so things appear relatively seamless. The SplitTextField has a “textFields” property which is an Array containing all the child TextFields it created (one for each character, word, or line based on the splitType property). Then you can animate to your heart’s content.
RoughEase and Ease Visualizer
Ever wanted a more “gritty” transition like an alpha fade that flickers a bit or a position tween that jerks around before reaching its destination? Ever thought to yourself “smooth eases are for sissies”? If so, you’re gonna like RoughEase. You can define an ease that it will use as a template (like a general guide – Linear.easeNone is the default) and then it will randomly plot points that wander from that template. The strength parameter controls how far from the template ease the points are allowed to go (a small number like 0.1 keeps it very close to the template ease whereas a larger number like 2 creates much larger jumps). You can also control the number of points in the ease, making it jerk more or less frequently. And lastly, you can associate a name with each RoughEase instance and retrieve it later like RoughEase.byName(“myEaseName”). RoughEase is included in all the tweening platform downloads and is available in AS2 and AS3.