开发者

as3: draw circle with a hole in it using only actionscript

开发者 https://www.devze.com 2023-01-14 11:43 出处:网络
Okay so basically I want to draw a circle in as3 that has a \'hole\' in it (like a donut). So开发者_StackOverflowmething like this, but without the outlines:

Okay so basically I want to draw a circle in as3 that has a 'hole' in it (like a donut). So开发者_StackOverflowmething like this, but without the outlines:

http://www.steel.ie/DugganSteel/Pictures/Hollow-circle.gif

This doesn't work:

SPRITE.graphics.beginFill(0xFFFFFF);
SPRITE.graphics.drawCircle(0,0,10);
SPRITE.graphics.endFill();
SPRITE.graphics.drawCircle(0,0,5);

I mean this seems like it'd be simple but I can't find any information on it. I should also mention that I'm trying to only draw 3/4 of the circle, like 3/4 of donut. So I was planning on drawing a transparent circle and square over the original circle, I know this seems kinda of weird since you'd expect something transparent to show whats underneath it.


Its actually really simple. See the following code:

var p:Point = new Point(100, 100);
graphics.beginFill(0xFF0000);
graphics.drawCircle(p.x, p.y, 100);
graphics.drawCircle(p.x, p.y, 50);

Intersections cancel each other out until you call endFill

Goodluck!


You can just make the line thickness the desired donut width and avoid using beginFill set graphics.lineStyle To make it only go 3/4 of the way around you could use curveTo to draw the 3 quarters.


The above method by Tyler works, however if an easier way to do it is to simply begin drawing the inner circle first. Basically Flash doesn't actually fill in the color until you call endFill() (again as mentioned by Tyler), so you start drawing on the inner circle, then the outer circle then on endFill() Flash fills in the gap.

SPRITE.graphics.beginFill(0xFFFFFF);
SPRITE.graphics.drawCircle(0,0,5);
SPRITE.graphics.drawCircle(0,0,10);
SPRITE.graphics.endFill();

Hope this clears things up for you.


Introduction to Flash drawing API, will help you understand a bit more :

http://www.senocular.com/flash/tutorials/flash10drawingapi/

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号