fmx color protos

[jagunco]

Hello to all

does someone knows how to fade between two color, or better, to change a color of an mc to another but smootlhy. I can´t find any proto about this.

thsnks

[Voetsjoeba]

Here's one I quickly created:



MovieClip.prototype.changeColour = function(cObject, r, g, b, a) {
var tC = [r, g, b, a];
var speed = 1.2;
this.temp.removeMovieClip();
this.createEmptyMovieClip("temp", 1);
this.temp.onEnterFrame = function() {
pC = [cObject.getTransform().ra, cObject.getTransform().ga, cObject.getTransform().ba, cObject.getTransform().aa];
if (pC[0]==tC[0] && pC[1]==tC[1] && pC[2]==tC[2]) {
this.removeMovieClip();
} else {
cObject.setTransform({ra:tC[0]-(tC[0]-pC[0])/speed, ga:tC[1]-(tC[1]-pC[1])/speed, ba:tC[2]-(tC[2]-pC[2])/speed, aa:tC[3]-(tC[3]-pC[3])/speed});
}
updateAfterEvent();
};
};
// Usage:
box.onRelease = function() {
this.changeColour(new Color(this), 50, 25, 75, 60);
};

[jagunco]

thanks, but this dosen´t work fine, because , when you set the new color value, what this proto does is mix the colors of the mc whit new one

[Voetsjoeba]

As I said, I created this really quick ... lemme work on a better proto. By the way, go to http://proto.layer51.com for a lot of prototypes :)

[jagunco]

I went there and I didn´t find what I´m looking
thanks anyway

[Voetsjoeba]

Aha, I just found an experiment from a while ago using color easing. Now all I gotta do is prototype-alize it.

[jagunco]

when you finish it, if you don´t mind send me, please.

thanks

[Voetsjoeba]

Ok, I found why the colours aren't pure. It seems like setTransform of a colour object works like a movieclip's tint. So if your box isn't white, your colour can't be pure. This is a better version of the prototype (well, at least it should be :P)



MovieClip.prototype.setColor = function(r, g, b, a) {
var c = new Color(this);
var tV = [r, g, b, a];
var speed = 1.2;
var margin = 4
this.onEnterFrame = function() {
cV = [c.getTransform().ra, c.getTransform().ga, c.getTransform().ba, c.getTransform().aa];
change = {ra:tV[0]-(tV[0]-cV[0])/speed, ga:tV[1]-(tV[1]-cV[1])/speed, ba:tV[2]-(tV[2]-cV[2])/speed, aa:tV[3]-(tV[3]-cV[3])/speed};
c.setTransform(change);
if (cV[0]>tV[0]-margin && cV[0]<tV[0]+margin && cV[1]>tV[1]-margin && cV[1]<tV[1]+margin && cV[2]>tV[2]-margin && cV[2]<tV[2]+margin) {
delete this.onEnterFrame;
}
};
};
box.onRelease = function() {
this.setColor(100,0,0,100);
};

[jagunco]

it´s working, tomorrow i will try it on a mac, because some time ago I had one, but on mac it didn´t work.

let´s see
thanks Voetsjoeba

[senocular]

Originally posted by jagunco
I went there and I didn´t find what I´m looking
thanks anyway


:scream: Thats like the 4th time Ive heard someone say that!


Does "Blend" not mean anything to anyone? BlendRGB - BlendColor .... even with example code of blending colors!

BAH! Thats it, Im putting up a fla

[jagunco]

I´m so sorry senocular

[jagunco]

Senocular, i found your proto, but I need a smooth blend, like a transition.

:)

[senocular]

yeah!
http://proto.layer51.com/d.aspx?f=601

[jagunco]

thanks