Comments on: AS3 Drawing API oddity

By: kenneth

kenneth — Sat, 04 Oct 2008 02:30:34 +0000

I’ve found the same issue with lineTo when drawing two lines of different colour on the same shape:

the lineStyle can get transposed between the two different lines, despite resetting them during the drawing code as above.

oddly enough if you change the order of the lineStyle and moveTo it often helps (i.e. linestyle after moveTo). Adding the lines to different shapes solves the problem but presumably creates extra overhead which (probably?) slows down the application

By: Noel

Noel — Thu, 07 Jun 2007 15:23:00 +0000

Looks like a bug to me as well.

It's not limited to drawing circles, as rects cause the same issue.

A simple workaround is to slip a moveTo in there to disconnect the original line from the circle draw:

comp.graphics.clear();
comp.graphics.lineStyle(5, 0x888888);
comp.graphics.moveTo(0,0);
comp.graphics.lineTo(0,50);

--comp.graphics.moveTo(0,0);--

comp.graphics.lineStyle(0, 0);
comp.graphics.beginFill(0x188888);
comp.graphics.drawCircle(10,10,5);
comp.graphics.endFill();

By: Marc

Marc — Thu, 07 Jun 2007 14:01:00 +0000

Sure enough, that works.

So if I use a fill anywhere, I should use a fill on every single discrete drawing operation?

Seems like a bug to me, but if that's the case it's easy enough to work around.

By: John Grden

John Grden — Thu, 07 Jun 2007 13:41:00 +0000

I believe it's because you have to finish each draw you do with endFill() other wise, it thinks it's an unfinished "box"

So, you'd have to split those up into drawing your gray line, endFill(), then draw the circle.

The code below gives me a gray line, then the circle like you describe:

comp.graphics.clear();
comp.graphics.beginFill(0x188888, 0);
comp.graphics.lineStyle(5, 0x888888);
comp.graphics.moveTo(0,0);
comp.graphics.lineTo(0,50);
comp.graphics.endFill();

comp.graphics.beginFill(0x188888);
comp.graphics.lineStyle(0, 0);
comp.graphics.drawCircle(10,10,5);
comp.graphics.endFill();