Tweener and tweening colors
I did a previous post about the static method Color.interpolateColor, but at that time, I hadn't really tried Tweener yet. Let me tell you this, tweening colors has never been easier than with Tweener. I'm am going to redo the same example showing you how simple it is to use Tweener instead of Color.interpolateColor form the fl.motion.Color package. Here is the code, you just have to paste it on a frame an compile it to swf to make it work (you have to have the Tweener classes in your folder or in one of the default class folder).
-
import caurina.transitions.*;
-
-
var simpleSprite:Sprite = new Sprite();
-
simpleSprite.x = 100;
-
simpleSprite.y = 100;
-
simpleSprite.graphics.lineStyle();
-
simpleSprite.graphics.beginFill(0xff0000);
-
simpleSprite.graphics.drawRect(0,0,200,100);
-
addChild(simpleSprite);
-
simpleSprite.buttonMode = true;
-
-
simpleSprite.addEventListener(MouseEvent.MOUSE_OVER, makeBlue);
-
simpleSprite.addEventListener(MouseEvent.MOUSE_OUT, makeRed);
-
-
function makeBlue(e:MouseEvent):void{
-
Tweener.addTween(simpleSprite, {_color:0x0000ff, time:1, transition:"easeOutQuart"});
-
}
-
function makeRed(e:MouseEvent):void{
-
Tweener.addTween(simpleSprite, {_color:null, time:1, transition:"easeOutQuart"});
-
}
That's it. And it does exactly the same thing and probably faster than the Tween classes. Notice that it takes only one line of code to change the color instead of the more complex method I used previously . Also you only have to import the Tweener classes as opposed to six import statements.
Well that's it for today, I'll try and investigate on more Tweener properties because it just keep surprising me.
June 24th, 2008 at 5:19 pm
I was trying to get the color tween example working but I get the following error:
## [Tweener] Error: The property ‘_color’ doesn’t seem to be a normal object property of [object MovieClip] or a registered special property.
I am not sure why I am getting this error. Do you know the reason why?
Jim
June 24th, 2008 at 5:28 pm
The problem is that I hadn’t imported the color shortcuts class and initialized it. Adding the following code at the begining makes it work fine.
import caurina.transitions.properties.ColorShortcuts;
ColorShortcuts.init();
July 10th, 2008 at 1:30 am
I need Tweener code assistance. I need to change the color (to 50% black) on multiple movie clips when one movie clip is in the roll over state. When you roll off that movie clip the 50% black movie clips to to 0% black (or, normal). What would the Tweener code look like in a rollOver function? Thanks in advance.
October 28th, 2008 at 8:01 pm
It would be the same……but it’ll be inside a onRollOver function;
yourButton.addEventListener (’mouseOver’, function()
{
Tweener.doTween(yourMC, {_color:0×000000, _alpha:50, transition:”easeOutExpo”});
}