Comments on: TweenFilterLite (AS2) (deprecated)

By: the-enemy

the-enemy — Wed, 09 Jul 2008 16:17:59 +0000

Hey Jack,

Thanks a bunch for TweenLite // TweenFilterLite. They’re both so easy to work with it’s saving me hours of work.

Great Job! Keep it up!

Regards,
The Enemy.

By: jack

jack — Fri, 04 Apr 2008 00:56:34 +0000

heaversm, here’s an easy way to match exactly what you created in the Flash CS3 (or Flash authoring environment in terms of the ColorMatrixFilter. All you need to do is get the necessary values in the matrix array and pass it to the new version of TweenFilterLite (7.04). Here’s some code that grabs those values, traces them to your output window (in case you want to copy/paste), clears the filter, and tweens it back into place after a 1 second delay:

import gs.*;
import flash.filters.*;

var curMatrix:Array = getCurrentMatrix(mc);
trace(“TweenFilterLite.to(mc, 3, {colorMatrixFilter:{matrix:[" + curMatrix + "]}})”);

mc.filters = []; //clears filters;
TweenFilterLite.to(mc, 3, {colorMatrixFilter:{matrix:curMatrix}, delay:1});

By: heaversm

heaversm — Thu, 03 Apr 2008 21:20:04 +0000

Hey – very cool! One question – is there an easy translation between the numbers you use for the color matrix and the numbers used in flash’s CS3’s built in filter tweener. I have some tweens I want to make to a color, and I have their exact values in flash (example: HUE: -63, SATURATION: 70) – but this doesn’t really translate over to Tweenfilter lite. How best to approximate those values? Nice work!

By: sacha jerrems

sacha jerrems — Sun, 24 Feb 2008 09:31:32 +0000

dude.
I’ve been tweening tings for years…I’ve been too complacent with the ol’ lmc_tween.as because you could write two tweens on the one movieclip without the first overwriting the second which I found no other tweener did…I just noticed you’re little snippet of code: overwrite:false in your tweener…You’re a F*&king legend!! I am a better deviner after visiting your website tonight.
Radical

By: jack

jack — Wed, 23 Jan 2008 15:53:25 +0000

Michiel, I have avoiding adding pause/resume functionality to TweenLite in order to keep file size way down, but TweenMax is now officially released and it includes that feature (and many more). Check it out at http://www.TweenMax.com

Also, it’s very easy to do the frame tween you’re talking about. As of version 6, frame tweening is built into TweenLite!

By: Michiel

Michiel — Wed, 23 Jan 2008 15:17:41 +0000

I can think of just two more major functions. One would be the ability to pause (all) tweens. This would be wildly useful in some cases. Right now I’m making a video banner which uses vector animations, but people are going to be pausing and playing the video.

Another possibility would be the ability to tween through a timeline animation. I once made an animation of a sunrise which used several motion tweens; the entire animation timeline was then tweened from start to end in a certain time, using a standard quadratic equation. It looked great, and works really well if the animation is long enough (to provide enough frames for low-movement parts of the equation).

By: jack

jack — Mon, 21 Jan 2008 13:41:24 +0000

Alex, you should be able to do that without a problem – just remember that unless you set the “overwrite” property to false, TweenLite (and TweenFilterLite) will always overwrite existing tweens of the same object. So to move a MovieClip while adding a glow and removing a drop shadow, you could do something like:

TweenFilterLite.to(my_mc, 2, {glowFilter:{color:0xFF0000, strength:2, blurX:10, blurY:10}, _x:100, _y:300});
TweenFilterLite.to(my_mc, 2, {dropShadowFilter:{alpha:0}, overwrite:false});

By: Alex

Alex — Mon, 21 Jan 2008 12:59:59 +0000

I have been using TweenLite for about a month now and all I can say is that your classes are absolutely brilliant! Thanks a lot!

One thing I’m curious about is how you apply several filters at the same time to an object, lets say you want to move it while adding some glow and removing a drop shadow.

By: Corey Calabresse

Corey Calabresse — Mon, 03 Sep 2007 18:20:57 +0000

I’ve been teaching myself as2 & as3, as well as everything else that goes with interactive design… and there’s just some things that take a bit more than understanding the logic to figure out. I’ve been trying to understand the blurs and other filters for DAYS. It’s highly pertinent to a website i’m strying to create. You sir, are a miracle man in my book. Every question I’ve had with this project, you answered in entirety with this one blog alone.

You’re a life saver… more importantly so, a sanity saver

Thank you VERY much for taking the time with this,

C. W. Calabrese

By: jack

jack — Tue, 03 Jul 2007 13:53:14 +0000

Actually, Eagle, it’s pretty simple to apply a colorize filter tween and also a drop shadow tween (or any filter) – just use two tweens and make sure the second one sets the overwrite property to false, like:

TweenFilterLite.to(my_mc, 2, {colorMatrixFilter:{colorize:0xFF0000}});
TweenFilterLite.to(my_mc, 2, {dropShadowFilter:{blurX:5, blurY:5, color:0×00FF00}, overwrite:false});