Ein Vorteil beim Erstellen von Inhalten mit der Zeichnungs-API besteht darin, dass die Positionierung des Inhalts nicht auf eine einmalige Positionierung beschränkt ist. Die gezeichneten Objekte können durch Festlegen und Bearbeiten der beim Zeichnen verwendeten Variablen geändert werden. Sie können Objekte animieren, indem Sie Variablen ändern und die Objekte dann neu zeichnen, entweder über mehrere Bilder über mithilfe eines Timers.
Mit dem folgenden Code wird beispielsweise die Anzeige mit jedem Bild geändert (durch Überwachen des
Event.ENTER_FRAME
-Ereignisses), die aktuelle Gradzählung inkrementiert sowie das Graphics-Objekt gelöscht und an der aktualisierten Position neu gezeichnet.
stage.frameRate = 31;
var currentDegrees:Number = 0;
var radius:Number = 40;
var satelliteRadius:Number = 6;
var container:Sprite = new Sprite();
container.x = stage.stageWidth / 2;
container.y = stage.stageHeight / 2;
addChild(container);
var satellite:Shape = new Shape();
container.addChild(satellite);
addEventListener(Event.ENTER_FRAME, doEveryFrame);
function doEveryFrame(event:Event):void
{
currentDegrees += 4;
var radians:Number = getRadians(currentDegrees);
var posX:Number = Math.sin(radians) * radius;
var posY:Number = Math.cos(radians) * radius;
satellite.graphics.clear();
satellite.graphics.beginFill(0);
satellite.graphics.drawCircle(posX, posY, satelliteRadius);
}
function getRadians(degrees:Number):Number
{
return degrees * Math.PI / 180;
}
Um ein erheblich abweichendes Ergebnis zu erzielen, können Sie die ursprünglichen Anfangsvariablen
currentDegrees
,
radius
und
satelliteRadius
am Anfang des Codes ändern. Verringern Sie beispielsweise den Wert für die radius-Variable, und/oder erhöhen Sie den Wert für die totalSatellites-Variable. Hierbei handelt es sich nur um ein Beispiel dafür, wie mithilfe der Zeichnungs-API visuelle Darstellungen erstellt werden können, deren Komplexität die Einfachheit ihrer Erstellung verdecken.
