Actionscript 3 Entwicklerhandbuch

ACTIONSCRIPT 3.0 ENTWICKLERHANDBUCH
Verwenden der Zeichnungs-API
Zeichnen von Kurven
Flash Player 9 und höher, Adobe AIR 1.0 und höher
Mit der curveTo()-Methode wird eine quadratische Bézier-Kurve gezeichnet. Dabei wird ein Bogen erstellt, der zwei
Punkte (die sogenannten Ankerpunkte) verbindet und sich gleichzeitig in Richtung eines dritten Punktes (dem
sogenannten Kontrollpunkt) spannt. Im Graphics-Objekt dient die aktuelle Zeichnungsposition als erster
Ankerpunkt. Beim Aufrufen der curveTo()-Methode werden vier Parameter übergeben: die x- und y-Koordinate des
Kontrollpunkts, gefolgt von der x- und y-Koordinate des zweiten Ankerpunkts. Mit dem folgenden Code wird
beispielsweise eine Kurve mit dem Anfangspunkt (100, 100) und dem Endpunkt (200, 200) gezeichnet. Da sich der
Kontrollpunkt an Position (175, 125) befindet, wird eine Kurve erstellt, die nach rechts und dann nach unten
gekrümmt ist:
myShape.graphics.moveTo(100, 100);
myShape.graphics.curveTo(175, 125, 200, 200);
Im folgenden Beispiel werden rote und grüne kreisförmige Objekte mit einer Breite und Höhe von 100 Pixel erstellt.
Beachten Sie, dass es sich aufgrund der Merkmale der quadratischen Bézier-Gleichung nicht um perfekt geformte
Kreise handelt:
var size:uint = 100;
var roundObject:Shape = new Shape();
// red circular shape
roundObject.graphics.beginFill(0xFF0000);
roundObject.graphics.moveTo(size / 2, 0);
roundObject.graphics.curveTo(size, 0, size, size / 2);
roundObject.graphics.curveTo(size, size, size / 2, size);
roundObject.graphics.curveTo(0, size, 0, size / 2);
roundObject.graphics.curveTo(0, 0, size / 2, 0);
// green circular shape
roundObject.graphics.beginFill(0x00FF00);
roundObject.graphics.moveTo(200 + size / 2, 0);
roundObject.graphics.curveTo(200 + size, 0, 200 + size, size / 2);
roundObject.graphics.curveTo(200 + size, size, 200 + size / 2, size);
roundObject.graphics.curveTo(200, size, 200, size / 2);
roundObject.graphics.curveTo(200, 0, 200 + size / 2, 0);
this.addChild(roundObject);
Zeichnen von Formen mit integrierten Methoden
Flash Player 9 und höher, Adobe AIR 1.0 und höher
Für das Zeichnen von häufig vorkommenden Formen wie Kreise, Ellipsen, Rechtecke und Rechtecke mit
abgerundeten Ecken enthält ActionScript 3.0 zur leichteren Handhabung entsprechende Methoden. Dabei handelt es
sich um die Methoden drawCircle(), drawEllipse(), drawRect() und drawRoundRect() der Graphics-Klasse.
Diese Methoden können anstelle der Methoden lineTo() und curveTo() verwendet werden. Sie müssen dennoch
vor dem Aufrufen dieser Methoden Linien- und Füllstile angeben.
Letzte Aktualisierung 27.6.2012
239