ColorMatrixFilter (Einsatz der Matrix)

[Madokan]

Was zum ausprobieren und umbauen.

Erstes Schlüsselbild:

// Original MC
orig_mc = this.createEmptyMovieClip("orig_mc", 2);
orig_mc._alpha = 0;
orig_mc._visible = false;
 
// Loader
loader = new MovieClipLoader();
loaderListener = new Object();
loaderListener.onLoadComplete = function() {
    play();
};
loader.addListener(loaderListener);
loader.loadClip("testbild.jpg",orig_mc);
 
stop(); 
 

Zweites Schlüsselbild

// kopie_mc stellt eine Kopie des original_mc dar
kopie_mc = this.createEmptyMovieClip("kopie_mc", 1);
bd_obj = new flash.display.BitmapData(orig_mc._width, orig_mc._height, true, 0);
bd_obj.draw(orig_mc);
kopie_mc.attachBitmap(bd_obj,1,"auto",true);
 
// Filter-effekt (Objekt samt Matrix)
graustufen = new flash.filters.ColorMatrixFilter();
graustufen.matrix = new Array(
    1/3,1/3,1/3,0,0,
    1/3,1/3,1/3,0,0,
    1/3,1/3,1/3,0,0,
     0,  0,  0, 1,0);
 
// Anwenden des Filters
kopie_mc.filters = [graustufen];
 
// Kleine Spielerei mit der Maus
kopie_mc.useHandCursor = false;
 
kopie_mc.onRollOver = function() {
    orig_mc._visible = true;
    orig_mc.onEnterFrame = function() {
        this._alpha += 10;
        if (this._alpha>=100) {
            delete this.onEnterFrame;
        }
    };
};
 
kopie_mc.onRollOut = function() {
    orig_mc.onEnterFrame = function() {
        this._alpha -= 10;
        if (this._alpha<=0) {
            this._visible = false;
            delete this.onEnterFrame;
        }
    };
};
stop(); 
 

Hinweis
In Flash 8 sind die Bildformate JPG, GIF und PNG zugelassen.
Ihr könnt jedoch auch eine externe SWF einlesen und mit dem Farbeffekt
versehen.

Graustufen:

graustufen.matrix = new Array(
    1/3,1/3,1/3,0,0,
    1/3,1/3,1/3,0,0,
    1/3,1/3,1/3,0,0,
     0,  0,  0, 1,0); 
 

Rot:

rotstufen.matrix = new Array(
    1/3,1/3,1/3,0,0,
    0,0,0,0,0,
    0,0,0,0,0,
     0,  0,  0, 1,0); 
 

Grün:

gruenstufen.matrix = new Array(
    0,0,0,0,0,
    1/3,1/3,1/3,0,0,
    0,0,0,0,0,
     0,  0,  0, 1,0); 
 

Blau:

blaustufen.matrix = new Array(
    0,0,0,0,0,
    0,0,0,0,0,
    1/3,1/3,1/3,0,0,
     0,  0,  0, 1,0); 
 

Hinweis
Natürlich könnt Ihr für die Matrix auch andere Werte ausprobieren.

Liebe Grüsse
Matze K.

[michael]

hier noch erläuterndes zur matrix von alois:
ColorMatrixFilter - die Matrix

[Madokan]

@michael: Mensch was man nicht alles übersieht. Wie peinlich...

Aber kann es je genug Beispiele geben.

Liebe Grüsse
Matze K.

[Alois]

Zitat von Madokan

...Mensch was man nicht alles übersieht. Wie peinlich...
...

...hmm, vielleicht hast Du mich auf Deiner Ignorelist ...
...aber *zur Strafe* kannst Du uns ja mal bei perlinNoise auf die Sprünge helfen (ich will endlich eine schöne Holztextur oder eine fast photorealistische Flamme machen können *madokananbettel*)

Alois

[Madokan]

@Alois: Du wirst es nicht glauben aber meine Ignoreliste ist leer und dich würde ich nicht drauf setzen - versprochen!

Ich schau mal ob ich etwas Zeit finde zum basteln - wird wohl aber die nächsten Tage und Wochen nur wenig Zeit aufbringen können, da schon wieder die Projekte im nacken sitzen. Die Teile die ich hier ab und zu posten werde stammen aus den Betatesttagen und wir sind noch fleissig dabei.

Was die Flamme betrifft hat glaub ich andre ein feines Beispiel schau mal hier:
http://8ball.andre-michelle.com/lab/

(Beispiel filter->fire)

Liebe Grüsse
Matze K.