3

AS3 Tweening Engine Roundup

Tutorials

1.TweenLite

TweenLite is a lightweight and fast tweening engine for Flash AS2 & AS3.

It is lightweight because it only takes 3kb when published which makes it one of the smallest tweening engines around. And you can extend it with TweenFilterLite and TweenMax to add ColorMatrixFilter effects like saturation, contrast, brightness, hue, and even colorization

flash-fast-tween

Website: http://blog.greensock.com/tweenliteas3/

Usage of TweenLite is very simple:

  • SPEED. TweenLite is much faster.
  • onComplete, onStart, onUpdate callbacks (plus the ability to pass any number of variables to them)
  • autoAlpha (toggles visibility of an object off when the alpha hits zero)
  • Tween multiple properties with a single call
  • Delay any tween by a set amount (good for sequencing)
  • Tween the tint of any MovieClip/Sprite VERY easily
  • Tween the volume of any MovieClip
  • more..

TweenLite.to(target:Object, duration:Number, variables:Object);

2.gTween Programmatic Tweening for AS3 Developers

There are a lot of great tweening engines out there. Personally, I’m a huge fan of Jack Doyle’s TweenLite (and he’s been incredibly productive adding new features lately). However, none of these libraries exactly fit the needs of me and my team. I wanted an engine that was small, fast, hugely flexible, and built from the ground up for AS3 and developers.

The result was gTween. gTween is a small (4.5kb), fast (1500 instances, 0.5s duration, ~25fps), instance based tweening class, with a huge number of options and capabilities. You can read about core features of gTween below.

This is certainly not an attempt to displace any of the existing tween engines. Rather, it’s simply an attempt to share another option for managing programmatic tweens with the developer community.

For now, I am releasing this as a public beta. It has been loosely tested, but there is so much capability in gTween that I guarantee there are still bugs and edge cases we haven’t addressed. Likewise, I am soliciting input on additions or modifications to the API (including the names of specific properties or methods), so it is possible that the API may change in the future.

Read more

3.Tweener(Powerful Flash Tween Class)

Tweening classes for Flash makes it easier & more stable to create animations based on real time rather than Flash frames.

Tweener is a class used to create tweenings and other transitions via ActionScript code for Flash.

The fluid syntax of Tweener allows it to be used to tween any numeric property of any object of any class, so it is not tied to specific properties of built-in classes such as MovieClips or TextFields.

flash-tween-class

Website: http://code.google.com/p/tweener/
Demo: http://tweener.googlecode.com/svn/trunk/examples/
Download: http://code.google.com/p/tweener/downloads/list

4.AnimationPackage

8-20-2008 6-09-56 AM

AnimationPackage is an ActionScript library compatible to Flash Player 6 and above. It helps you to create powerful, maintainable animations and primitive shapes in an efficient and easy way, resulting in small file sizes. Currently, they are three main versions available:

AnimationPackage 1 (ActionScript 2, Flash Player 6 and above, Flash Lite 2)

AnimationPackage 2 (ActionScript 2, Flash Player 8 and above)

AnimationPackage 3 Alpha (ActionScript 3, Flash Player 9)

Website:http://www.alex-uhlmann.de/flash/animationpackage/

5.AS3 Animation System v2.0

You are a developer. As a developer, you need a powerful animation tool that can provide you with both simplicity and complexity at the same time. You need a clearly defined API for auto-completion; one that is nicely documented to make your life easier. That is what the version 2.0 release is all about.

Feature packed.

Here are some details regarding the system and it’s features.

- Specify the use of ‘enter frame’ or ‘timer’ as your render method on a per-animation basis.
- Easily complete many common animations using the animation manager with one line of code.
- Create complex sequences of tweens and actions using the virtual timeline.
- Easily animate any property of any filter.
- Advanced color support that includes brightness, contrast, hue, and saturation.
- Common interface used for garbage collecting throughout the entire package.
- Create motion paths for display objects with the option to auto-orient to path.
- Advanced animation support using paths as value maps.
- Extremely extensible architecture.
- Clearly defined API.
- Full-blown documentation using ASDoc (same as Adobe livedocs).
- Eleven example files ranging from basic to advanced usage and theory.

Read more

6.AS3 Easing

Easing is a Singleton that lets you do dynamic point-to-point property tweening. It is able to manipulate virtually any property of any object on or off the stage.

Requirements:

Actionscript 3

Usage:

public function tween(a, b, c, d) via Move Singleton;

Accepted parameters:

  • target :* Reference to an object that will be manipulated.
  • properties :Object Object with target values. Ex.: {"x":10, "y":30, "alpha":0.4}
  • duration :int Time for easing value A to value B in milliseconds.
  • speed :int Delay between tween calculations. Lower number means smoother transitions but more CPU intensive. – default 30
  • type :int Easing equation from Easing.as to calculate tween curvature (By Robert Penner). – default 26
  • callback :function Function that executes every time an individual property finishes easing – default null
  • … :rest Arguments for the callback function.

Website: http://www.uza.lt/codex/as3-easing/

Download: http://www.uza.lt/codex/as3-easing/

7.Go ActionScript Animation Platform

GoEngine

It starts with GoEngine, the only class required to use the Go platform. GoEngine is like a sophisticated timer class designed to run animations as efficiently as possible.

It’s been proven that animation runs fastest when items are grouped into a list. GoEngine expands on this by allowing for multiple lists, so that you can run several different pulses within one program (like a fast pulse for the main animations of a game, and a slower pulse for the readouts around the game’s chrome, for an overall speed improvement) – but still keep things centralized and fast.

Objects don’t have to be very special to be used with GoEngine, they just need to implement IUpdatable which simply declares one update() method and a pulseInterval property. So the possibilities are wide open for animation items.

8.KitchenSync

KSLogo

KitchenSync is an ActionScript 3.0 library for sequencing animations and other time-based actions.
KitchenSync was designed with developers in mind

KitchenSync was designed for developers who want a smart way to handle animation or other time-based functionality with code. Written from the ground up in ActionScript 3.0, KitchenSync relies on smart object-oriented architecture rather than complicated shorthand. It includes a number of features and shortcuts, such as the clone() method, that save effort for developers. KitchenSync makes extensive use of events and informative runtime errors and is quite flexible when it comes to extending the functionality.
KitchenSync is more than an animation library

KitchenSync is more than an animation library. Tweens are a major part of KitchenSync but that is not the end. It also allows you to sequence sounds, functions, and event dispatches among other actions. The framework is open-ended allowing you to come up with new ways to work with the virtual timeline.

Website:http://code.google.com/p/kitchensynclib/

9. Twease

A lightweight and extendable tweening engine and sequencer for ActionScript 2 & 3

Website:http://code.google.com/p/twease/

  • Share/Bookmark
 

Story by admin

Tags: , , , , , , ,

3 Comments

  1. [...] Tweening Engine Roundupflash framework, good for flash developerhttp://www.lemlinh.com/as3-tweening-engine-roundupMotion Tween in FlashMotion tween is nothing but tweening a Symbol&39s movement from one position to [...]

     
  2. Michael (Reply) on Wednesday 20, 2008

    Great article! One thing I’d like to point out is that you can’t use TweenLite for commercial projects without paying for a license. Tweener on the other hand is MIT licensed meaning that you don’t have to pay a dime for its use in your projects. I was considering changing my Tweening package from Tweener to TweenLite but saving 15kb or so, and extra speed that I don’t need isn’t worth the price tag for me at lest.

     
  3. Niko Nyman (Reply) on Wednesday 20, 2008

    We’ve just released our own take on AS3 tweening and sequencing. You’re welcome to have a look, and any comments are even more welcome:
    http://www.nnyman.com/flash/projects/sequence/

     

Leave a Comment

Banner Banner