Grafiken stuffenweise einfärben

[wojtexkowron]

Ein Problem, das ich seit Monaten nicht lösen kann:
Wie kann ich mit einem Button-Klick die Farbe einer Grafik (oder Movieclips) schrittweise verändern.
Das heißt zB. die Rotanteile einer Farbe mit
jedem Klick um 25% erhöhen.

Ich habe eine Ersatzlösung ausgetüftelt,
zu sehen unter:
www.internetkafe.de/gb.swf
(unten rechts klicken).
Ich habe hier mit Transparenzen gearbeitet.
Es ist aber sehr aufwändig, und gibt keine satten Farben.

Alle Versuche mit settransform und setrgb sind bis jetz gescheitert.
Weiß jemand rat?

[RustyCake]

Schau mal hier, vielleicht ist der Downloadlink noch vorhanden!!
war ein sehr schönes bsp!!
auf ganzzahl runden

[angelikab]

@wojtexkowron, das ist aber wirklich klasse, i'm impressed

wie
geht
das?

[wojtexkowron]

@angelikab
Danke.
Wie das geht? Bis jetzt nur mit Blut, Schweiss und Tränen. Und viel Ebenen, setvars und ifs.

@RustyCake
Danke ebenfals. Der Downloadlink war noch da.
Diesen Weg habe ich schon versucht zu gehen, bin aber bis jetzt gescheitert.
In dem Beispiel ist eigentlich schon alles da.
Nur daß ich statt Regler eine Schaltfläche brauche.
Ich habe schon versucht es meinen Bedürfnissen anzupassen. Bis jetzt aber ohne Erfolg.
Nach meinem Verständnis müste ich einfach an der Stelle der Werte für rb, gb, bb Variablennamen schreiben (redvalue, greenvalue, bluevalue) und dann als Buttonaktion die Werte für diese Variablen setzen.
Also:
ra:'100', rb:'_redvalue', ...usw
und dann Buttonaktion:
_redvalue=_redvalue+50

Haut aber nicht hin

Gruß

[RustyCake]

kenn mich mit dem Color zeugs net so gut aus!!
vielleicht hilft Dir sowas!!

function comboRGB(r, g, b) {
    var RGB = (r << 16) | (g << 8) | b;
    return RGB;
}
myColor = new Color(mc);
myColor.setRGB(comboRGB(0, 160, 160));
var i=2;
btn.onPress=function(){
    myColor.setRGB(comboRGB(63*i, 63*i,63*i));
    i++;
} 

[wojtexkowron]

@Rustycake

Danke, es funktioniert!

Ich habe aber ein Problem: Ich verstehe es nicht.
Kannst Du vielleicht die einzelne Komponenten kurz erklären damit ich den Script für meine Bedürfnisse anpassen kann?
ZB:
Bedeutet das

myColor.setRGB(comboRGB(63*i, 63*i,63*i)); 

dass mit jedem Buttonklick der Wert von rb, gb und bb um 126 erhöht wird?

Und warum das:

RGB = (r << 16) | (g << 8) | b; 

?

[RustyCake]

ne des wird jeweils um den wert der variable i erhöht!!
also x 2, x 3, usw!!
des zweite hack die 6 stellige RGB in drei teile!!

[wojtexkowron]

Es ist schon fast alles prima.

Zwei Fragen noch:
1.
Nach jedem Schritt wird es zuerst heller ond dann wird es schwarz.
Man muß also den Gesamtwert begrenzen, es darf nicht kleiner als 0 und nicht grössser als 255 sein.

2.
Ich muß da noch eine Bedingung einbauen:

if (_rotklick>0) 

An welcher Stelle kann ich das tun?

[RustyCake]

aber zwischen 0 und 255 soll des teil immer rotieren?

[wojtexkowron]

Nein, nicht rotieren.
Es soll wie bemalen mit subtraktiven Grundfarben (cmy) sein.
Unter
www.internetkafe.de/gb.swf
kannst Du in etwa sehen was ich meine.

Vielleicht kann man statt "63*i" "256/i" schreiben. Dann nähert sich der Wert asymptotisch von 255 dem null.

Noch etwas: Ich glaube in deinem Skript ist ein Fehler: Ich kriege nie einen Grünton.
Egal wie ich die Werte ändere. Ich vermute, da ist was bei der Teilung der sechsstelligen rgb-Zahl nicht korrekt.
Kann das sein?

[RustyCake]

ne des script is schon ok!!
hier ein kleiner test!!

tl = this;
for (i=0; i<63; i++) {
    tl.mc.duplicateMovieClip("d_mc"+i, i);
    tl["d_mc"+i]._x = (i%9)*60;
    tl["d_mc"+i]._y = Math.floor(i/9)*60;
    setInterval(gool, 10, ["d_mc"+i]);
}
function comboRGB(r, g, b) {
    var RGB = (r << 16) | (g << 8) | b;
    return RGB;
}
function gool(mc) {
    var mr1 = Math.ceil(Math.random()*255);
    var mr2 = Math.ceil(Math.random()*255);
    var mr3 = Math.ceil(Math.random()*255);
    myColor = new Color(mc);
    myColor.setRGB(comboRGB(mr1, mr2, mr3));
} 

bei dem dingens mit 63*i, kann schon sein das da kein gruen war, hab da garnet aufgepasst !!
also des teil soll von 256 runtergeschraubt werden bis =, und dann is ruhe im kartong!!
und bei allen drei werten!!??

[wojtexkowron]

Ja.
Das soll so gehen:
Ich klicke erst cyan-Button an und dann klicke eine Fläche an, die sich (sagen wir) zu 50% in cyan einfärbt.
Dann klicke ich gelb und anschliessend wieder die gleiche Fläche, die jetzt grün wird. Wenn ich sie nochmals anklicke wird sie gelbgrün,
bei jedem nächsten Klick wird sie immer gelber.
Wenn ich ale drei Farben immer wieder mische, wird die Fläche irgendwann schwarz aber niemals weiss.
Es soll halt so sein wie beim richtigen Malen.

Logischerweise müsste man den Movieclip in magenta einfärben können indem man den Grünanteil herunterfährt. Also:

var i = 2;
btn.onPress = function() {
myColor.setRGB(comboRGB(0*i, -256/i, 0*i));


Stattdessen wird beim ersten Klick eine weiße Fläche orangenfarben und bei jedem nächsten immer gelber.

[RustyCake]

Hhhm! ganz schön knifflig!!


hab mir dein teilo, sieht übrigens witzig aus angeguckt!!
ich schlaf mal ne nacht drüber

[wojtexkowron]

@Rustycake
Der erste Einfall ist immer der beste.
Es ist mir gelungen das Skript von der Autokarosserie für meine Zwecke umzuschreiben. Es funktioniert alles wunderbar.
Die Farbwerte werden erst auf 255 eingestellt und dann bei jedem Klick durch 2 geteilt.
Danke!