RGB HexCode zerstückeln modifizieren und wieder zusammensetzen

[Kandidat]

Hallo allerseits,

ich bin am experimentieren mit Hexadezimalcodes. Folgendes soll passieren:

In einem Aray wird der Hexadezimalwert für RGB zerstückelt aufgenommen und später mit einem faktor BRIGHTROLL verändert.

PHP-Code:

_global.BRIGHTROLL = 0x10;
//
//ARRAY (Label, URL, R, G, B)
_global.ARRAY_0 = new Array("Label", "URL", 0xAA, 0x22, 0x33);
_global.ARRAY_1 = new Array("Label", "URL", 0x18, 0x22, 0x33);
_global.ARRAY_2 = new Array("Label", "URL", 0x88, 0x22, 0x33); 


Es sollen zwei Farben aus den Arrayinformationen errechnet werden:

PHP-Code:

RIDERFRONT.prototype.GETcolours = function(nr) {
    var myColor = nr;
    R = _global["ARRAY_"+myColor][2];
    G = _global["ARRAY_"+myColor][3];
    B = _global["ARRAY_"+myColor][4];
//
    this.myColorStart = ["0x"+R+G+B]; 
// Wie kann man jetzt die Werte wieder aneinanderreihen?
//
    R = _global["ARRAY_"+myColor][2]+BRIGHTROLL;
    G = _global["ARRAY_"+myColor][3]+BRIGHTROLL;
    B = _global["ARRAY_"+myColor][4]+BRIGHTROLL;
    this.myColorOver = ["0x"+R+G+B];
    //
    trace(this.myColorStart);
    trace(this.myColorOver);
    this.farbe = new Color(_root.RIDER_mc);
    this.farbe.setRGB(this.myColorOver);
}; 


[sonar]

Bissl im falschen Bereich gelandet...
--> verschoben

[gaspode]

hi.

was genau willst du machen?
ich bin mir nicht ganz sicher, aber ich glaube die werte müssen
per bitverschiebung wieder zusammengesetzt werden.
dies geht zumindest mit numerischen werten (0-255).

PHP-Code:

deinFarbobjekt.setRGB(R<<16 | G<<8 | B); 


gruß, gaspode

[Kandidat]

Gaspode, Danke für Deinen Vorschlag. Ich habe mich in die Bitweise Verschiebung eingelesen und bin mir nicht sicher, ob das zur Lösung führt.

Es soll folgendes Passieren

1. 0x887766 ist ein Code der aus drei Segmenten besteht
2. Diesen möchte ich aufteilen in 0x88 0x77 0x66
3. Dann werden die Segmente manipuliert z.B. (0x88+0x11) (0x77+0x11) (0x66+0x11)
4. Das soll dann wieder zu 0x998877 zusammengefasst werden

[Janoscharlipp]

Gewöhn dir ab, eine Farbe als String zu sehen. Es handelt sich einfach nur um eine Zahl, 0xXXXXXX ist ihre Darstellung im Hexadezimalsystem, aber immernoch die gleiche Zahl.

Hier mal Beispielcode, musst halt noch absichern, dass die Ergebnisfarbkomponenten zwischen 0 und 255 liegen:

color0 = 0x336699;
addition = 0x11;
 
// könnte man auch mit >> machen aber so find ichs leserlicher
var red0 = color0 & 0xFF0000;
var green0 = color0 & 0x00FF00;
var blue0 = color0 & 0x0000FF;
 
var red1 += addition;
var green1 += addition;
var blue1 += addition;
 
var result = (red1 << 16) + (green1 << 8) + (blue1 <<0); 

EDIT: BRRRrrr, ganz furchtbarer Code, bitte den von unten angucken!

[Kandidat]

Ok also doch die Bitweise Verschiebung, entschuldige das laienhafte Anzweifeln @gaspode

Das ganze ist noch sehr schwer verständlich für mich. Was genau passiert denn bei Linie 5-7?

var red0 = color0 & 0xFF0000; //bleibt das hier übrig? 0x330000
var green0 = color0 & 0x00FF00; //bleibt das hier übrig? 0x006600 
 

Bei Zeile 9-11 ist mir nicht ganz schlüssig woher die Grundinformationen in den Variablen (z.B. red1) herkommen.

Was dann in Zeile 13 bedeutet, dass hier mit der Bitweisen Verschiebung die Zahlen wieder richtig plaziert werden.

var result = (red1 << 16) + (green1 << 8) + (blue1 <<0); 
this.farbe.setRGB(result); 
//Und so könnte man den Wert verwenden, oder? 
 

[Janoscharlipp]

Bah, das war voll daneben, alle deine Einwände sind richtig. Ich hatte es nur fix und schlampig zusammengeschustert ...

Also hier nochmal ein Update, wieder ungetestet, aber sorgfältiger:

function addToColor(clr, addition) {
    var red0 = (clr & 0xFF0000) >> 16;
    var green0 = (clr & 0x00FF00) >> 8;
    var blue0 = (clr & 0x0000FF) >> 0;
        
    var red1 = Math.max(0, Math.min(255, red0 + addition));
    var green1 = Math.max(0, Math.min(255, green0 + addition));
    var blue1 = Math.max(0, Math.min(255, blue0 + addition));
        
    return ((red1 << 16) + (green1 << 8) + (blue1 << 0));
} 

[gaspode]

>entschuldige das laienhafte Anzweifeln @gaspode
habe das selbst erst vor kurzem einigermaßen kapiert.

gruß, gaspode