I have five dots(MovieClips) in my stage. I want to draw a curve which should touch all the five dots. The x position of dots are incremented by 50 px and y position is random.I can do this using lineTo. But it has not got any curve effect.
Here is the code using lineTo
Code:
_root.createEmptyMovieClip("circle",1);
with (_root.circle) {
clear();
[code]...
I tried curveTo to achieve this. But it is not working.
My Flash application receives B-spline data from an external application but the Flash drawing API only allows quadratic bezier curves using the Graphics#curveTo() method.Is it possible to convert a B-spline into a series of curveTo() calls?
View 1 RepliesWhat's the best way to draw cubic bezier curves programmatically in AS3? The Graphics class only seems to support quadratic curves. I want to be able to do something like:
var startPoint:Point = new Point(0, 0);
var endPoint:Point = new Point(5, 5);
var control1:Point = new Point(5, 0);
var control2:Point = new Point(0, 5);
var myBezier:Sprite = getBezier(startPoint, control1, control2, endPoint);
For a performance target, I'm planning on having ~50 of these on the stage at once.
I have an array that contains the points for drawing multiple hills. When I just draw straight lines it works fine, but that is unnatural so I want to make the top/bottom parts of a hill curved.
[Code]....
Does anyone know of any code examples of drawing arcs as cubic bezier curves? (Yes cubic, not quadratic.) I have 2 end points, a center point, and a radius. I suppose I would also need to define a direction as well, since it could go around clockwise or counter-clockwise.
View 0 RepliesI have a candleStickChart in flex 4.5 with a dateTimeAxis horizontal axis.I wish to have a button that enables to draw a line on top of that chart.I wrote a code that each time the button is click, a new CartesianDataCanvas is created. than I do a pretty standard line drawing by listening for the MOUSE_DOWN, MOUSE_MOVE, and MOUSE_UP to draw the line.In the MOUSE_DOWN event I create the new CartesianDataCanvas, and update the annotaionArray as described in the following code: (candles is the candleStickChart's id)
public function startDrawing(event:MouseEvent):void
{
canvas = new CartesianDataCanvas;
[code].....
I am having a problem creating a slice of a pie chart.
- The slices are accurate up to 90 deg,.
- I can't get both sides of the triangle to draw from the centre to the circumference.
//Input value = 10% of 100
var value1:Number = 10;
//Convert to decimal
var persent:Number = value1/100;
var deg:Number = persent*360;
[Code] .....
Im giving a action script for drawing a predefined process shape that is used in flow chart. There are action script to draw a square, rectangle, circle and triangle. Can anyone in the forum give code for drawing the shape.
View 1 Replies[code]This code is drawing a colum chart with two columns and drawing a line across the top of both columns. I have two requirements: the line need to be dashed as of now the line starts from top right corner of the first column to the same corner of the second column. How can i shift the line to the left, so that it starts from center of first column to center of second column.
View 3 RepliesIs it possible to develop chart in flash (eg. bar chart, pie chart)?
View 1 RepliesI've created a line chart in flex and it works like expected. Now, I would like to add shading to the background for specific information. For example, this chart - [URL], shows a shaded background for recessions. How would I mimic this shading in a Flex linechart?
View 2 RepliesI have a function that sometimes is non-differentiable at a point. When I now use a spline (Bezierspline in degrafa) for interpolation the interpolation at this point does not work as expected (at this point my function has a kink). Now when interpolating with a spline it draws some kind of loop around this point. I think this happens because the spline needs the derivatives of the functions which is not unique at this point.
View 2 RepliesAttached is a mockup of what I'm after. Notes:
1. Spline appears smooth
2. Spline does not necessarily go through the points
3. The start and end point of the spline is not important
I'm sure there are ways to calculate this, but without knowing the proper terminology searching isn't turning much up,
I am trying to create a similar effect to what is used in CityVille for dropping coins and experience icons, they do a custom move animation and it first moves a little bit up and then down. It looks like it is following a spline or a sine function.
View 2 RepliesI'm trying to prevent a default chart item roll over highlight in a Spark column chart.If you look at any of the chart examples on this page , when you roll over any of the chart series items, they turn a darkened shade of their original colour. This is what I want to prevent.
So far I have had no luck with using the itemRollOverColor property, as this only allows you to set it to one specific colour for the whole chart (my app has several different coloured series on the chart at once). Also, trying to leverage the itemRollOver event (with preventDefault() etc) hasn't worked either.
How can I Create an animated Bar Chart or Line Chart type of component in flash programmatically, which should depends upon an incoming XML data, the chart should have the basic criteria like, Chart Label, Item Tooltips, background grids (without using any image). There also needs an ability to change the data which should reflect the chart as well.
View 1 RepliesI'm trying to make chart which is combination of bar and line chart using Flex Charting API . Here x axis would be common and y axis would be different. note that y axis got different range of value one is % and other is amount. Any one got idea how to make this chart. Here line chart would be staked on top of bar chart . The line chart and never over laid or drawn on top of bar chart.
View 1 RepliesI want to insert a bezier spline into my Canvas by this code
<mx:Canvas
id="graphCanvas"
width="100%"
[code].....
I've been working on simple animation for a client, which you can see __here__.I have a few issues with performance. I have popped a fps counter at the top left and it seems to only run at around 30 fps on my laptop, I need it up to 60 though.
i was just wondering if anyone had any tips about getting the best performance from flash.I have used Shape instead of Sprite on the curves, which gave a slight improvement. Surprisingly I didnt notice any change in performance when I dont use the blur filter on the curves, which was odd to me.
Just installed Flash CS4 and the first thing i realized was:When I break apart text the curves straightens in some places.Is there a setting i need to set up for this not to happen?Didn't have any problems in CS3.
View 1 RepliesHow to get access to Bezier Curves from ActionScript3?
View 2 RepliesI want to create Yield curves using adobe flex. pls, any one have an Idea how to create yield curves in a chart using flex...
View 1 RepliesI just learnt degree elevation and subdivision from some books.But I found these useless.I want to convert higher degree curves to many quadratic Bezier.
View 4 RepliesI've made a drawn menu with curves in my root. This menu loads dynamically swf into an empty container mc. Within some of these swfs, there are full page image galleries. However, the drawn curves seem to stick on top of these swf: I can still see them although the rest of the content is invisible. Now I want to make those curves also invisible...
Code:
//API AND LINES//
box2.lineStyle (1, 0xff00ff,0);
box2.beginFill(0xCCCCCC,0);
box2.moveTo(0,0);
[code]....
Now I want to realise a function in an externally loaded swf that makes these lines/curves invisible. i was thinking myself of something like
Code:
btImages.onPress = function (){
_root.line.lineStyle(0.5,0xCCCCCC,0);
gotoAndStop (3);
}
But unfortunately thsi doesnt work.
I have to dynamically animate some bezier curves that have to look like this. Here is the archive of my approach and I'm not sure is the best one. I mean it kind of eats the whole processor.
View 1 RepliesI am looking to trace mouse movement and convert to curves then have a spritefollow the traced path - similar to the iphone app Flight Control.
View 2 RepliesIm trying to animate a particle in a way that it just curves. If your familiar with beziers (im not) then you know that there is a start point, a control point and an end point.I am finding it difficult to dynamically generate a good control point.So a line starts at x:0, y:0and ends at x:100, y:0I know just from basic mathematics that i could find out the middle point:x:50, y:0Then i could just randomly specify a y value of say... 10. So my curve now looks something like this:
starts at {x:0, y:0}
control point at {x:50, y:10}
ends at {x:100, y:0}
[code].....
I've had a look at the Graphics class in AS3 and come up with a dynamic mouse trail. It works, but it's pretty rough and ready. I wonder if anyone could give it a once-over and see if there is a more elegant and efficient way to accomplish this?[code]is it possible to draw the trail with curves rather than straight lines, so that the curves mimic the path the trail would take to smooth out the jagged lines drawn when the cursor is moving quickly?
View 2 RepliesI was hoping someone could help me working out some advanced data reformatting. What I'm hoping for is a function where I can input a value along with an array of key positions like so:
function remap(percentage:Number, keypoints:Array) { ...
The array would start with the minimum and end with the maximum point, with nested key points along the way. For example, I would input something like remap(0.25, [0:0,80:50,100:100] ) and the function would 'imagine' a spline curve graph from (0,0)-(100,100) with a key point of (80,50), then return the y value that is 25% along that graph.
I was doing something with GraphicsPath, unlucky, I couldn't solve cubic curves. I found there is a method curveTo in Graphics, but it only supports quad curves.
View 4 Replies