farbübergang dynamisch

[get-the-flash]

huhu,

wie mach ich einen dynamischen farbübergang eines objektes.
also, dass er langesam die farbe von der anfangsfarbe zu einer neuen wechselt ??

gruss

[son yu]

wie jetz objekt?

per as erstelt?

da kannste doch nen linearen farbübergang nehmen und den nach der neuen farbe auslaufen lassen...

schöne grüße

[get-the-flash]

also, ein objekt ist meisten ein mc ! (ist immer so)

diesen mc möchte ich über sog. buttons farblich ändern können. also nicht ein button, der die farbe ändert, das könnte man ja mit einem einfach tween im mc lösen, sondern mehrere.

die farbe des mc's kann ich ja ganz einfach ändern. der teil ist mir bekannt...

onClipEvent (load) {
    mycolor = new Color(this);
}
onClipEvent (load) {
    myColor.setRGB(farbton);
} 

jedoch ist mir nicht bekannt, wie ich die farbe so änder, dass die farbe dynamisch von der einen zur anderen wechselt. (der rechner das quasi selber macht)

son yu alles klar ??

[son yu]

is mir schon klar was nen objekt is...

nur halt is mir auch nicht bekannt, daß man von per hand erstellten movieclips die farbe per as ändern kann...

wie soll das bitte gehen?

also muß dein mc per as generiert werden!

aber was genau haste den vor damit?

[ludabruda]

Hallo,

zunächst musst du ein Farbobjekt haben, dass auf deinen MC verweist und diesem die Startfarbe zuweisen. Die "gezeichnete" Farbe lässt sich nicht ändern.

Um beim Farbwechsel keine ekligen Farbsprünge zu erhalten, solltest du mit Hexadezimalen Farbwerten arbeiten, die du je Kanal (RGB) bestimmst.
Also: nimm deine Startwerte, splitte sie in R, G und B und wandel sie in Dezimalzahlen um.
Das gleiche machst du auch mit dem Endwert. Bilde die Differenz jedes Paars. Teile diese Differenz durch einen Divisor (bspw. 10, je nachdem, wieviel Schritte du willst).

In onClipEvent(enterFrame) (oder auch im Frameloop) holst du dir die aktuelle Farbe und addierst die eben berechnete Differenz pro Kanal und weist sie dem Objekt zu.

onClipEvent(load) {
    this.startColor = "ff9900";
    this.newColor = "0099ff";
    this.col = new Color(this); // Farb-Objekt
    this.col.setRGB(parseInt(this.startColor,16));  // setzen des Startwerts
    this.steps = 10; 
    this.r = parseInt(this.startColor.substr(0,2),16); // ermitteln der einzelnen Komponenten des Startwerts
    this.g = parseInt(this.startColor.substr(2,2),16);
    this.b = parseInt(this.startColor.substr(4,2),16);
    
    this.newR = parseInt(this.newColor.substr(0,2),16); // ermitteln der einzelnen Komponenten des Endwerts
    this.newG = parseInt(this.newColor.substr(2,2),16);
    this.newB = parseInt(this.newColor.substr(4,2),16);
    
    this.diffR = (this.r - this.newR) / this.steps; // Berechnung der Differenzen
    this.diffG = (this.g - this.newG) / this.steps;
    this.diffB = (this.b - this.newB) / this.steps;
}
 
onClipEvent(enterFrame) {
    cnt++;
    if(cnt < this.steps) {
        this.rgb = this.col.getRGB().toString(16); // aktuelle Farbe auslesen
        this.r = parseInt(this.rgb.substr(0,2),16);
        this.g = parseInt(this.rgb.substr(2,2),16);
        this.b = parseInt(this.rgb.substr(4,2),16);
        this.newR = Math.floor(this.r-this.diffR).toString(16);
        this.newG = Math.floor(this.g-this.diffG).toString(16);
        this.newB = Math.floor(this.b-this.diffB).toString(16);
        if(this.newR.length == 1) this.newR = "0" + this.newR;
        if(this.newG.length == 1) this.newG = "0" + this.newG;
        if(this.newB.length == 1) this.newB = "0" + this.newB;
        this.newColString = this.newR + this.newG + this.newB;    // neue Farbe zusammensetzen und zuweisen
        this.col.setRGB(parseInt(this.newColString,16));
    }
} 

Den Code legst du auf deinen MC...fertig


BTW: ein Objekt ist nicht immer ein MC, ein MC aber immer ein Objekt...

Grüße
Sascha

PS: möglich, dass es mit dem Color.setTransform weniger afwendig geht...habe ich aber noch nicht verwendet...

Mir ist noch was aufgefallen: du musst jeweil prüfen, ob die Werte ein oder zweistellig sind und ggf. eine "0" vorne dran setzen, sonst gehts schief. Habs im AS geändert...

[get-the-flash]

erstmal danke!
sehr geil.

probleme:
der farbübergang ist mir noch ein wenig schnell. wie kann ich da den faktor runter drehen ??

was ist die 16 im script ??

wenn man als "wechselfarbe" weiss einstellt, haut das nicht hin. hat wahrscheinlich damit zu tun, dass flash bei so übergang dingen nicht so genau ist. sowas hatte ich auch bei bewegungen. da soll es ungenauigkeiten geben....

gruss

[ludabruda]

Hi,

die Geschwindigkeit regelst du mit this.steps (ist hier mit 10 angegeben).
Die 16 ist die Basis für die Konvertiertung der Hexadezimalen Zahlen im String in Dezimalzahlen.

Grüße
Sascha

[mati]

man könnte auch einfach zwei mcs nehmen, übereinander legen. der vordere hat die alte farbe, der hintere die neue. beim klick auf button wird der vordere ausgefadet. anschließend ein swapdepths damit der hintere zum vorderen wird. alpha des jetzt hinten liegenden mcs wieder auf 100. beim nächsten buttonklick dem hinteren die neue farbe zuweisen und dann das ganze wieder von vorn.


so far, mati

[get-the-flash]

Geschrieben von mati
man könnte auch einfach zwei mcs nehmen, übereinander legen. der vordere hat die alte farbe, der hintere die neue. beim klick auf button wird der vordere ausgefadet. anschließend ein swapdepths damit der hintere zum vorderen wird. alpha des jetzt hinten liegenden mcs wieder auf 100. beim nächsten buttonklick dem hinteren die neue farbe zuweisen und dann das ganze wieder von vorn.

ist ne idee, aber da ich ca. 10 verschiedene farbwechsel hab und die größe auch über as dynamisch ändere, wäre das ein wenig unproffessionell. danke, trotzdem.

@ ludabruda

cool, danke, schau ich mal....

[_geo_]

link

mfg geo !

[get-the-flash]

Geschrieben von _geo_
link

wow!
supageil!

warum hab ich das über die suchfunktion nicht gefunden !?! danke!

gruss

[Mamu]

Also ich hab das mal ausprobiert und bei mir bleibt mein MC orange - da ändert sich nichts ! Was mache ich falsch ?

[_Max_]

was für ein flash hast du ?

hast du das hier verwendet helligkeit per as ?