Tekenen een ellips met behulp van ActionScript

Share

|

Maak een aangepaste MovieClip.drawEllipse () methode met behulp van de Drawing API en roepen het op een filmclip.

U kunt een methode van de MovieClip klasse een ellips die erg vergelijkbaar is met de drawCircle () methode te trekken. In feite is de drawCircle ()-methode is slechts een gedegenereerde versie van drawEllipse (), waarin de stralen in de x-en y-richtingen zijn hetzelfde.

De aangepaste drawEllipse () methode aanvaardt vier parameters:

xRadius
De straal van de ellips in de x-richting (hoofdas).

yRadius
De straal van de ellips in de Y-richting (korte as).

x
De x-coördinaat van het middelpunt van de ellips.

y
De y-coördinaat van het middelpunt van de ellips.

MovieClip.prototype.drawEllipse = function (xRadius, yRadius, x, y) (var angleDelta = Math.PI / 4;

 / / Terwijl de cirkel heeft maar een afstand tot de controle punt voor elk segment, / / de ellips heeft twee afstanden: een die overeenkomt met xRadius en een andere die / / komt overeen met yRadius. XCtrlDist var = xRadius / Math.cos (angleDelta / 2); var yCtrlDist = yRadius / Math.cos (angleDelta / 2); var rx, ry, ax, ay; this.moveTo (x + xRadius, y); for (var i = 0; i <8; i + +) (angle + = angleDelta; rx = x + Math.cos (hoek-(angleDelta / 2)) * (xCtrlDist); ry = y + Math.sin (hoek-(angleDelta / 2)) * (yCtrlDist); ax = x + Math.cos (hoek) * xRadius; ay = y + Math.sin (hoek) * yRadius; this.curveTo (rx, ry, ax, ay);))

Zodra u hebt gedefinieerd en onder meer de ()-methode drawEllipse in uw Flash-document, kunt u tekent een ellips vrij gemakkelijk. Gebruik de drawEllipse () methode op dezelfde manier gebruikt de drawCircle () methode, maar bieden zowel x-en y-stralen in plaats van slechts een enkele straal. Vergeet niet dat u nog nodig om de lijn opnieuw te definiëren voordat u bellen met de drawEllipse () methode.

/ / Maak een ellips met kleine en grote assen van 100 en 200, respectievelijk. This.createEmptyMovieClip ( "ellips", 1); ellipse.lineStyle (1, 0x000000, 100); / / Gebruik een one-pixel, zwart, vaste grens ellipse.drawEllipse (100, 200);

Na gedefinieerd drawEllipse (), kunnen we herschrijven van de drawCircle () methode, als volgt:

MovieClip.prototype.drawCircle = function (radius, x, y) (/ / Call drawEllipse () met dezelfde straal voor zowel X en Y. this.drawEllipse (straal, radius, x, y);) 

---