Actionscript 3 :: Graphics - LineStyle Thickness To Fill A Circle?
May 19, 2010
i'm trying to build a circle using lines. each line starts in the centre of the circle and is as long as the circle's radius. using a loop along with sine and cosign waves, i can build the circle using the sine and cosign to mark the coordinates of the lineTo parameter.
my problem is with the line thickness parameter of lineStyle. i would like the ends of the lines to match up perfectly, no matter how big the circumference of the circle, but i can't figure out a proper method for the line thickness.
//this is what makes sense to me, but it still creates some gaps
lineThickness = 1 + (((nRadius * 2) * Math.PI) - 360) / 359;
for(var i:int = 0; i < 360; i++)
[code]....
to make the ends of the lines meet up at the circles circumference, without any gaps, i need to widen the lines to fill in the space that's remaining. what makes sense to me, but doesn't work, is to subtract the 360 from the circumference, then divide that number by the amount of empty slots between the lines (which is 359) and adding that number the the thickness of 1.
what's concerning me is that the lineStyle thickness parameter is a Number, but seems to take only values between 0 and 255, so i'm not sure if a floating point number like 1.354 is a valid thickness.
Is there a way to draw a line with graphics.lineTo() that is thinner than 1point? According to the documentation the thinnest lineStyle possible should be 0 but I cannot see any difference between a 0 stroke and a 1 stroke?
The sprite which contains all element in my game world uses the real-world meter as distance unit, it doesn't know what pixels are. I then apply a scale to this sprite to make it appear correct on screen. Currently I use 1 meter = 100 pixels, so scale = 100.
If I try to draw a line inside this sprite it appears lineStyle(thinkness) rounds the thickness parameter. If I specify 0.5 (50 cm) it always gets drawn with 1 pixel (1 cm). If I specify 0.6, the line becomes 100 pixels, or 1 meter, thick. So basically I can only draw lines of 1, 100, 200 etc pixels thinkness.
Anything I can do about this? Otherwise I'll have to use a smaller unit like millimeters for my world.
I am creating the line trough "lineStyle" method but I need that instead of color on the fill I want to use an image.something like the beginBitmapFill well I tried everything and could not fin a solution for that.even the " lineGradientStyle" does not supprt the bitmap fill...
i'm attempting to draw lines beside each other, but the last line from the first color group takes on the color from the second color group before the second color is assigned.
I draw a line using "graphics.lineTo" into a movieclip and I need to change my linestyle if the user ask for that throw a button in runtime. I can change the color, but I can't change the linestyle...Is there someway to change it?
I`m working on a app that you can draw lines.....like circles, rectangles... my problem is when a user draw a circle for example....i wanna be able to paint (change color) inside of this circle. I`ve tried working on Shapes with cacheAsBitmap = true and Bitmaps with BitmapData but it doesn`t seens to work.
I am trying to make a timer and I want a circle that is always shown.It starts out green.As time progress' a growing red pie slice begins to occupy more and more of the circle until the entire circle is red.The restrictions are that I can't use sprite, so it would have to be done with UIComponent or some other format. Additionally, I can't use degrafa. The SDK I am using does not support these methodsMy only hold back is that the SDK I am using does not support rotation, but I think I can make this all work.For others that can't use sprite, just substitute UIComponent where sprite is.I am pretty sure rotate is the only way, but is it possible to make it start at the 12 o'clock position without rotate?
I am working on a simple drawing application, and i need an algorithm to make flood fills.The user workflow will look like this (similar to Flash CS, just more simpler):the user draws straight lines on the workspace. These are treated as vectors, and can be selected and moved after they are drawn.user selects the fill tool, and clicks on the drawing area. If the area is surrounded by lines in every direction a fill is applied to the area.if the lines are moved after the fill is applied, the area of fill is changed accordingly.Anyone has a nice idea, how to implement such algorithm? The main task is basically to determine the line segments surrounding a point. (and storing this information somehow, incase the lines are moved)[code]
i have found a beautiful water effect made in as3. The effect is available to download on the website below.I am trying to change the fill of the water (that is blue or any color that you pick).The original code fills the water like this:
Code: public function renderWater():void { shape.grapics.clear(); shape.graphics.beginFill(0x006699); shape.graphics.lineStyle(0, 0x000000, 0);
[code].....
I tried to follow the instructions on the beginBitmapFill help, but i am receiving the water with no fill.
I am trying to dynamically draw a circle and fill it up with some color. Drawing a circle is pretty easy job for me, but fill it up with some color seems not happening today.
PHP Code: Circle function starts function fnDrawArc(mc,x,y,r,angle){ mc.beginFill(0xFF0000); // this is not working.... mc.moveTo(x+r,y); for(i=1;i<=angle;i++){ [Code] .....
I have a graphic symbol of a circle that has a radial gradient fill of yellow to red. All I want to do is have it change from yellow to red to red to yellow. I tried the advanced color settings but that doesnt quite do what I want. With the color settings.. it changes the complete tint of the object. I want it to look like it is tweening the gradient not the object. So if the object had a yellow center with a red outer edge I want it to chenge to a red center with a yellow outer edge. How do I accomplish this?
I need draw rectangle with two circle holes inside. The problem is in circles interception. I want them to join together and cut from background, but they seems to be XORed:
here getCirclePath returns object with points to draw polygon which looks like circle. Also I tried different combinations of GraphicsPathWinding constants, but no luck.
how to draw two intersecting circle holes in graphics?
I am trying to draw a line from x1, y1 to x2,y2 and i want it to be a line that repeats a pattern from an image. All I can see is that you can only draw lines and change their color or thickness but I would like it to repeat an image. Is that possible or do i have to use a really long and thin rectangle with a bitmap fill?The problem is I am making a game where the user will be able to actually draw the line so i have to make it be created dynamically. The game fantastic contraption [URL] has in the game a feature where you draw lines of any length and position that are filed with a picture.
My basic requirement is to draw a circle inside a BorderContainer with the layout set to BasicLayout.I run this method in the CREATION_COMPLETE event of the BorderContainer object.[code]I know I must be missing something VERY basic here. Can I just draw like this OR should I draw in some other event? I know that I can create a Ellipse object and easily add it to the border container but I would like to know how I can do this using the graphics object.
I am new to flash, trying to do some animation character. I have 2 queries
1. What is lock fill; whenever I am trying to fill a color, it shows lock fill....
2. If I am creating a non regular figure like say with pencil, if I draw some part of it & do other part by later; these will be assumed different objects & I am not able to fill the whole figure with a selected color.
I was wondering about MC and hey can help to lag a game out. I set up an advanced class system so i don't have to use MC to simulate walls, all i use isthe x,y,width and height. Well anyway since i don't need MC anymore I was wondering if there is a way to attach Graphics instead of MC cause a Graphics file size is relatively small than that of a graphic, I think. If anyone could tell me thats true and show me a way to attach graphics that would be nice. I haven't tried it yet but maybe if I exported the graphic from the library imihgt be able to call its name, but it doesn't have an instance name so im stuck.
I'm developing a game atm, and I need some help on the mathematics/coding of colliding circles (and their change in x/y speed). What i need to know is how to calculate the direction and speed a circle has after colliding with a static (non-moving) circle. I know how to detect a collision between the two, but I'm not sure about the maths I need to give the circle the right speed and direction after the collision
If i do know how far away the two circle-points (in the middle of each) are to each other (in both x and y coords) would it be easy for me to find the new speed and direction of the large circle in the example above? I know that I somehow should use the angles to pretend the circle hits a flat "wall" (as it only hits one point), and then calculate the new speed/direction. My only problem is that I'm not sure how to decide the angle of this flat "wall" and how x and y speeds should change when colliding with a wall that is angled. Does anyone here have any insight, links or tips on how I can du this?
What i need to know is how to calculate the direction and speed a circle has after colliding with a static (non-moving) circle. I know how to detect a collision between the two, but I'm not sure about the maths I need to give the circle the right speed and direction after the collision.If i do know how far away the two circle-points (in the middle of each) are to each other (in both x and y coords) would it be easy for me to find the new speed and direction of the large circle in the example above? I know that I somehow should use the angles to pretend the circle hits a flat "wall" (as it only hits one point), and then calculate the new speed/direction. My only problem is that I'm not sure how to decide the angle of this flat "wall" and how x and y speeds should change when colliding with a wall that is angled.
Trying to do circle circle collisions via math which I'm really having trouble with. One circle (player) just moves from keyboard. The ball reacts to the player. All the code shown is in my players class and I passed in a reference to the ball.
On my enterframe I have:
Code: var xmov1 = xSpeed; var ymov1 = ySpeed; var xmov2 = ballRef.xSpeed; var ymov2 = ballRef.ySpeed;
[code]....
Perhaps I'll go with a box2d equivalent instead of trying out my own physics shenanigans.
All i am looking for is to draw a line from point 1 x, y z, to point2 x y z Since this was CS 4 and z properties are enabled, i wonder how i could do this for a line.
Here I what i need is : Start drawing first circle and when first circle is on half way, Start second circle.same way second and third circles. and after completing 3 circles, just gotoAndPlay 2nd Frame .
