[RollOver/Out "ColorWave" Effect like in the Plugin-Explorer?]

basically it's just like this:

 

import com.greensock.*;
import com.greensock.easing.*;
import com.greensock.plugins.*;
import com.greensock.OverwriteManager;

TweenPlugin.activate([TintPlugin]);
OverwriteManager.init(OverwriteManager.AUTO);

this.addEventListener(MouseEvent.MOUSE_OVER, mouseover);
this.addEventListener(MouseEvent.MOUSE_OUT, mouseout);

function mouseover(e:Event):void
{
	if(e.target.name){
		TweenLite.to(e.target.myTintedItemBackMovieClip, 0.5, {alpha:1, tint:0x093212});
		TweenLite.to(e.target.myMenuItemTextMovieClip, 0.5, {tint:0xFFFFFF});			

	}
}
function mouseout(e:Event):void
{
	if(e.target.name){
		TweenLite.to(e.target.myTintedItemBackMovieClip, 0.5, {alpha:0, tint:0xFFFFFF});
		TweenLite.to(e.target.myMenuItemTextMovieClip, 0.5, {tint:null});			
	}
}

[RollOver/Out "ColorWave" Effect like in the Plugin-Explorer?]

from looking i can't say ain't there some delay/overwrite action taking place? when i try a simple tint and alpha tween on rollover/rollout it doesn't

look that "smooth"...

[RollOver/Out "ColorWave" Effect like in the Plugin-Explorer?]

oops, i guess i mixed things up. obviously the overwrite would cause the exact opposite effect.

thanks! nevertheless, the effect in the plugin explorer does not look like a simple tint and alpha tween... what's

the trick that makes it look like it looks?

[RollOver/Out "ColorWave" Effect like in the Plugin-Explorer?]

hi all,

 

i'm trying to do that kind of "wave" effect for the list-items as used in the tweenlite/max plugin explorer: like roll-over/roll-out on

an item but completing the tween (no overwrite) after you rollover/out. i'm using a simple tint tween on the background color of

each item and a 'overwrite: false' on the items rollover/rollout event. somehow the result isn't what i expected, because it seems

to "stutter". anyone has an example handy on how to do this kind of effect?

 

thanks: lars