Comments on: TweenFilterLite (AS2 Version) - Easily Tween Filters & Image Effects http://blog.greensock.com/tweenfilterliteas2/ ActionScript Enthusaist Sun, 6 Jul 2008 19:41:00 +0000 http://wordpress.org/?v=2.5.1 By: jack http://blog.greensock.com/tweenfilterliteas2/#comment-16308 jack Fri, 04 Apr 2008 00:56:34 +0000 http://blog.greensock.com/?p=9#comment-16308 heaversm, here's an easy way to match exactly what you created in the Flash CS3 (or Flash 8) 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.*; function getCurrentMatrix($mc:MovieClip):Array { var filters:Array = $mc.filters; for (var i:Number = 0; i < filters.length; i++) { if (filters[i] instanceof ColorMatrixFilter) { return filters[i].matrix; } } } 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}); heaversm, here’s an easy way to match exactly what you created in the Flash CS3 (or Flash 8) 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.*;

function getCurrentMatrix($mc:MovieClip):Array {
var filters:Array = $mc.filters;
for (var i:Number = 0; i < filters.length; i++) {
if (filters[i] instanceof ColorMatrixFilter) {
return filters[i].matrix;
}
}
}

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 http://blog.greensock.com/tweenfilterliteas2/#comment-16301 heaversm Thu, 03 Apr 2008 21:20:04 +0000 http://blog.greensock.com/?p=9#comment-16301 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! 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 http://blog.greensock.com/tweenfilterliteas2/#comment-13598 sacha jerrems Sun, 24 Feb 2008 09:31:32 +0000 http://blog.greensock.com/?p=9#comment-13598 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 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 http://blog.greensock.com/tweenfilterliteas2/#comment-10702 jack Wed, 23 Jan 2008 15:53:25 +0000 http://blog.greensock.com/?p=9#comment-10702 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 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! 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 http://blog.greensock.com/tweenfilterliteas2/#comment-10701 Michiel Wed, 23 Jan 2008 15:17:41 +0000 http://blog.greensock.com/?p=9#comment-10701 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). 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 http://blog.greensock.com/tweenfilterliteas2/#comment-10572 jack Mon, 21 Jan 2008 13:41:24 +0000 http://blog.greensock.com/?p=9#comment-10572 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}); 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});

]]>