Comments on: How to Draw an Oval

By: Pixelwit

Pixelwit — Thu, 13 May 2010 09:31:40 +0000

Hello Erik. Sorry, but you’re wrong. An oval isn’t a clearly defined geometric shape; it is a term loosely used to describe any shape resembling an egg (egg = ovum = oval). I think it’s pretty fair to say an ellipse resembles an egg and therefore meets the loose requirements of an oval.

While there may be a native Flash function for drawing ellipses, it cannot be customized to draw a more classical tapered egg shape like the functions in the above tutorial.

// Change "xRadius" to "xRadius1" and add "xRadius2" argument.
function drawEgg(centerX, centerY, xRadius1, xRadius2, yRadius, sides) {
this.moveTo(centerX,centerY+yRadius);
var halfSides = sides/2;
var pointRatio, radians, xSteps, ySteps, pointX, pointY;
for (var i = 0; i<=sides; i++) {
pointRatio = i/sides+.25;
radians = pointRatio*2*Math.PI;
xSteps = Math.cos(radians);
ySteps = Math.sin(radians);
if (i<halfSides) {
pointX = centerX+xSteps*xRadius1;
} else {
pointX = centerX+xSteps*xRadius2;
}
pointY = centerY+ySteps*yRadius;
this.lineTo(pointX,pointY);
}
}
lineStyle(4);
// X, Y, W1, W2, H, steps.
drawEgg(200, 200, 100, 200, 80, 100);
//

The above code produces an oval like the image below.

By: erik van nieuwburg

erik van nieuwburg — Wed, 21 Apr 2010 14:38:51 +0000

Nice, but this is not an oval shape. This is an ellipse. And for ellipse drawing there is a native method in AS3 in the Graphics class.

Look here for more info : http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/display/Graphics.html#drawEllipse%28%29

By: farshad ali

farshad ali — Fri, 17 Oct 2008 07:57:46 +0000

Hi, you just saved me a lot of time, thanks!!

p.s. great tutorial

By: Animated Arc Drawing >> PiXELWiT

Animated Arc Drawing >> PiXELWiT — Tue, 09 Sep 2008 16:50:53 +0000

[...] A recent comment on my Oval Drawing Tutorial asks how to "give the appearance that an oval is being drawn slowly". Hmmm... this sounds like a job for my handy Arc Drawing Function. [...]

By: Corporate Rel

Corporate Rel — Mon, 08 Sep 2008 17:43:13 +0000

Thank you so much this is VERY informative!!!

Question: How would I give the appearance that an oval is being drawn slowly?

Thanks!