kl. colorPicker

[thorben.schmitt]

hab mir grade mal ein bischen Gedanken gemacht, wie man eine Hexa-Palette am besten aufbauen kann.
Verbesserungen Kritik erwünscht

// ************************* //
//     create ColPicker     //
// [email]mail@thorben-schmitt.de[/email] //
// ************************* //
ColPatt = function (si) {
    d = ["00", "33", "66", "99", "CC", "FF"];
};
ColPatt.prototype = new MovieClip();
o = ColPatt.prototype;
o.getCol = function(v) {
    v.useHandCursor = 0;
    v.onRollOver = function() {
        trace(this.choCol);
    };
};
o.mkClip = function(col, d, x, y) {
    var q = 10;
    var c = this.createEmptyMovieClip("patt", d);
    c.beginFill(col), c.lineStyle(0), c.lineTo(q, 0), c.lineTo(q, q), c.lineTo(0, q), c.lineTo(0, 0), c.endFill();
    c._x=x, c._y=y, c.choCol=col, this.getCol(c);
};
o.createColPatt = function() {
    t = new Array();
    for (k=0; k<6; k++) {
        t[k] = new Array();
        for (j=0; j<6; j++) {
            t[k][j] = new Array();
            for (u=0; u<6; u++) {
                u>2 ? diff=60 : diff=0;
                n++;
                this.mkClip("0x"+d[u]+d[j]+d[k], n, (j+u*6)*10-diff*3, k*10+diff);
                t[k][j][u] = "0x"+d[u]+d[j]+d[k];
            }
        }
    }
};
u = this;
u.__proto__ = new ColPatt();
u.createColPatt(); 

[kaneda]

Hmm ...

Erst mal THumbs Up, tolle Sache.

Verbesserungsvorschläge:

Eventhandler für onRolloverColor, onReleaseColor etc. bzw. auch gestalterisches Rollover dafür.

Dynamische Farblevel (also wieviele Farben in welchen Abständen dargestellt werden sollen)

Kaum eine Variable wird mit "var" gesetzt ?

d ohne this ?

[MiM]

Wenig code und das Ergebnis sieht gut aus.
Gefällt mir.
Ich würde nur ein paar Rechnungen in ne extra Funktion mit nem erklärenden Namen auslagern, weil ich oft Probleme hab en paar Rechnungen zu verstehen und mich nicht jedes Mal wieder von neuem überlegen möchte was da jetzt genau ausgerechnet wird.
z.B.
(j+u*6)*10-diff*3

[hOk]

Hammer,
sehr schickes Teil, dankeschön.

Das ist ein lustiger überfall:

u = this;
u.__proto__ = new ColPatt();
u.createColPatt(); 

netten Gruß, Holger

[Tschdaeff]

warum übergibst du ein argument

ColPatt = function (si) { 

aber ansonsten ist es echt cool

cu mfg
Tschdaeff

[tumetom]

der Übersicht zu Liebe hätte man etwas ausdrucksstärkere Variablennamen verwenden können.... ansonsten sehr schön
tumetom

[warrantmaster]

echt schräg-schön !

[Scrawer]

sehr schön und kompakt...... nice!

[nky]

sieht fein aus !
ich hab gerade versucht nen Zoom einzubauen...allerdings komm ich mit den tiefen nicht ganz klar ...habe zwar ein swapdetphs eingbeaut - aber die vergrößerten felder liegen dennoch i hintergrund

o.getCol = function(v) {
        v.useHandCursor = 0;        
        v.onRollOver = function() {
                trace(this.choCol);
                this._xscale+=200;
                this._yscale+=200;
                this.swapDepths(9999)
        };
        v.onRollOut = function() {
                this._xscale-=200;
                this._yscale-=200;
        };
        
}; 

Gruss nky

[thorben.schmitt]

du musst den farbfeldern eindeutige instanznamen geben:

ColPatt = function () {
    d = ["00", "33", "66", "99", "CC", "FF"];
};
ColPatt.prototype = new MovieClip();
o = ColPatt.prototype;
o.mkClip = function(col, d, x, y) {
    var q = 10;
    var c = this.createEmptyMovieClip("patt_"+col, d);
    c.beginFill(col), c.lineStyle(0), c.lineTo(q, 0), c.lineTo(q, q), c.lineTo(0, q), c.lineTo(0, 0), c.endFill();
    c._x=x, c._y=y, c.choCol=col, this.getCol(c), c.oldDepth=d;
};
o.createColPatt = function() {
    t = new Array();
    for (k=0; k<6; k++) {
        t[k] = new Array();
        for (j=0; j<6; j++) {
            t[k][j] = new Array();
            for (u=0; u<6; u++) {
                u>2 ? diff=60 : diff=0;
                n++;
                this.mkClip("0x"+d[u]+d[j]+d[k], n, (j+u*6)*10-diff*3, k*10+diff);
                t[k][j][u] = "0x"+d[u]+d[j]+d[k];
            }
        }
    }
    this.maxDepth = n;
};
o.getCol = function(v) {
    v.useHandCursor = 0;
    v.onRollOver = function() {
        this._width = this._height=30;
        this.swapDepths(this._parent.maxDepth+1);
    };
    v.onRollOut = function() {
        this._width = this._height=10;
        this.swapDepths(this.oldDepth);
    };
};
u = this;
u.__proto__ = new ColPatt();
u.createColPatt(); 

[nky]

vielen vielen lieben Dank - damit werd ich klarkommen !

Gruss nky