Filter

var kreis = new lib.Kreis();
kreis.x = 300;
kreis.y = 120;
this.addChild(kreis);

kreis.filters = [
	new createjs.ColorFilter(0, 0, 0, 1, 255, 0, 0),
	new createjs.BlurFilter(6, 6, 1)
];

kreis.cache(-50,-50,100,100);		

In der Bibliothek befindet sich ein Movieclip mit einem Kreis. Er hat den Verknüpfungsnamen "Kreis". Siehe MC referenzieren.
Der Kreis hat einen Durchmesser von 100 Pixeln und der Registrierpunkt liegt in der Mitte. Diese Informationen sind wichtig für die Zeile kreis.cache(x,y,breite, höhe); später mehr dazu

1. Eine Instanz wird per Script der Displayliste hinzugefügt. Der Instanzname ist kreis
2. Dann wird dem Mc kreis ein Filter Array mit den gewünschten Filtern hinzugefügt.
3. Dann wird der kreis gecached. Bei Veränderungen muss erneut gecached werden.

Die Filter

Jeder Filter hat Argumente, die man in der Dokumentation nachschauen kann. In Beisspiel 5 gehe ich näher auf den ColorFilter ein.

Blur Filter / Weichzeichner

Der Blur Filter benötigt 3 Argumente. blur(horizontaler blur, vertikaler blur, Qualität);
Die Qualität ist optional (Wiederholungen)

Cache

Mittels cache bestimmt man das Rechteck in dem die Filter zum Tragen kommen. x und y Wert der linken oberen Ecke, sowie Breite und Höhe des umgebenden Rechtecks. Hierbei geht es um das Rechteck innerhalb des Bearbeitungsmodus des Movieclips, nicht um das Rechteck, welches der MC auf der Bühne einnimmt. Wäre in dem Movieclip ein Bitmap und nicht eine oder mehrere Vektorgrafiken, könnte man sich diese Ausmaße oder dieses umgebende Rechteck auch mit getBounds() ausgeben lassen. Siehe dazu den Tipp getBounds()

	
var grenze = kreis.getBounds();
kreis.cache(grenze.x, grenze.y, grenze.width, grenze.height);

getBounds() kann man bei Vektorgrafiken nur dann nutzen, wenn man zuvor mit setBounds() die Ausmaße angibt.

So könnte man beispielsweise im ersten Frame des Movieclips folgendes Script eingeben

	this.setBounds(-50,-50,100,100)

Das wird alles im Tipp getBounds() erklärt.

zurück weiter