15.10.2012 Views

Actionscript 3 Entwicklerhandbuch

Actionscript 3 Entwicklerhandbuch

Actionscript 3 Entwicklerhandbuch

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

ACTIONSCRIPT 3.0 ENTWICKLERHANDBUCH<br />

Verwenden der Zeichnungs-API<br />

var myShape:Shape = new Shape();<br />

var gradientBoxMatrix:Matrix = new Matrix();<br />

gradientBoxMatrix.createGradientBox(100, 40, 0, 0, 0);<br />

myShape.graphics.beginGradientFill(GradientType.LINEAR, [0xFF0000, 0x00FF00, 0x0000FF], [1,<br />

1, 1], [0, 128, 255], gradientBoxMatrix);<br />

myShape.graphics.drawRect(0, 0, 50, 40);<br />

myShape.graphics.drawRect(0, 50, 100, 40);<br />

myShape.graphics.drawRect(0, 100, 150, 40);<br />

myShape.graphics.endFill();<br />

this.addChild(myShape);<br />

Mit diesem Code werden drei Farbverläufe mit dem gleichen Füllstil gezeichnet, der als gleichmäßige Verteilung auf<br />

die Farben Rot, Grün und Blau angegeben ist. Die Farbverläufe werden mit der drawRect()-Methode mit einer Breite<br />

von jeweils 50, 100 und 150 Pixel erstellt. Die Farbverlaufsmatrix, die in der beginGradientFill()-Methode<br />

angegeben ist, wird mit einer Breite von 100 Pixel erstellt. Dies bedeutet, dass der erste Farbverlauf nur die Hälfte des<br />

Farbverlaufsspektrums umfasst. Der zweite Farbverlauf umfasst das gesamte Spektrum. Der dritte Farbverlauf umfasst<br />

das gesamte Spektrum und weist eine zusätzliche Ausdehnung der Farbe Blau um 50 Pixel nach rechts auf.<br />

Die lineGradientStyle()-Methode entspricht der beginGradientFill()-Methode, mit der Ausnahme, dass Sie<br />

neben der Festlegung des Farbverlaufs vor dem Zeichnen auch die Strichstärke mit der lineStyle()-Methode<br />

angeben müssen. Mit dem folgenden Code wird ein Feld mit einem Rot-Grün-Blau-Farbverlaufsstrich erstellt:<br />

var myShape:Shape = new Shape();<br />

var gradientBoxMatrix:Matrix = new Matrix();<br />

gradientBoxMatrix.createGradientBox(200, 40, 0, 0, 0);<br />

myShape.graphics.lineStyle(5, 0);<br />

myShape.graphics.lineGradientStyle(GradientType.LINEAR, [0xFF0000, 0x00FF00, 0x0000FF], [1,<br />

1, 1], [0, 128, 255], gradientBoxMatrix);<br />

myShape.graphics.drawRect(0, 0, 200, 40);<br />

this.addChild(myShape);<br />

Weitere Informationen zur Matrix-Klasse finden Sie unter „Verwenden von Matrix-Objekten“ auf Seite 229.<br />

Verwenden der Math-Klasse mit Zeichnungsmethoden<br />

Flash Player 9 und höher, Adobe AIR 1.0 und höher<br />

Mit einem Graphics-Objekt können Kreise und Quadrate, jedoch auch komplexere Formen gezeichnet werden,<br />

insbesondere bei Verwendung der Zeichnungsmethoden in Kombination mit den Eigenschaften und Methoden der<br />

Math-Klasse. Die Math-Klasse enthält Konstanten von allgemeinem mathematischen Interesse, z. B. Math.PI (rund<br />

3.14159265...), eine Konstante für das Verhältnis zwischen dem Umfang und dem Durchmesser eines Kreises. Sie<br />

enthält auch Methoden für Trigonometriefunktionen, darunter u. a. Math.sin(), Math.cos() und Math.tan().<br />

Beim Zeichnen von Formen mit diesen Methoden und Konstanten können dynamischere visuelle Effekte erzielt<br />

werden, vor allem bei Verwendung von Wiederholung oder Rekursion.<br />

Bei vielen Methoden der Math-Klasse, mit Ausnahme kreisförmiger Maße, müssen Einheiten in Bogenmaß und nicht<br />

in Grad angegeben werden. Das Umrechnen zwischen diesen beiden Einheiten ist ein häufiger Verwendungszweck<br />

der Math-Klasse:<br />

var degrees = 121;<br />

var radians = degrees * Math.PI / 180;<br />

trace(radians) // 2.111848394913139<br />

Letzte Aktualisierung 27.6.2012<br />

244

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!