Flash :: Function For Extrapolating Points On A Spline Curve Or Hermite Curve Similar To Keframe Interpolation?
Aug 26, 2011
I 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 want to curve a dynamic text from a straight line to circular curve (using a slider). I have placed the characters of the string in each textfield created at runtime.
I have a curveTo an anchor point and a control point.Then I have a function that will return the x and y of a point along that curve if I give it a number as a percentage of the curve (0 to 1).It looks like this, and works perfectly..
x0,y0 are the start point, x1,y1 the control point and x2,y2 the final anchor point.But... I want to give it a _y value instead of a percentage (interval) and it return where on the curve that would intersect.
The curve decided by the width(X on the picture) and height(Y on the picture) properties of a movieclip.The distance between each green point on curve is the same.
First i want to say its my first post and i've been diging straight up gold from this site and i love it and everyone out there smart enough to give out solutions.So basically am writing a game and i have bezier curve that controls where an actor moves. Am using only 3 points (start, control1, end) and everything is fine.Now i want to create a bezier curve that passes through a certain point (r1) at t = 0.5 . The problem being that i have my start point, my end point and my point (r1) at t=0.5, and i need to find the control point.
I'm attempting to make a curve drawing tool a bit easier to use.Rather than drawing a basic curve and then clicking on the control point to change it, I would like the user to be able to click on the curve itself to change it, much as you do in the FlashIDE.So, given start and end points, and a point on the curve, how do you determine the control point for use with the MX API?(I googled this, but found mostly info on cubic rather than quadratic curves)
I have a world map on which I display some data. I read long and lat coordinates for two countries from an XML file which is updated with different coordinates everytime. I then map the coordinates to X-Y axis using some projection method.
So, I have x-y coordinates for two countries. I wanna draw a curved line between those countries but curveTo method draws the curve in one shot. I want to animate the curve drawing part so it looks like it is being drawn real time.
I'm trying to draw a curve based on 24 data points. I want to draw a curved line based on the average of these 24 points. I can draw a line from point to point no problem, but would like a smooth curve. The white dashed line is what I'm trying to achieve:
I'm attempting to make a curve drawing tool a bit easier to use. Rather than drawing a basic curve and then clicking on the control point to change it, I would like the user to be able to click on the curve itself to change it, much as you do in the FlashIDE.
So, given start and end points, and a point on the curve, how do you determine the control point for use with the MX API?
With the select tool, I placed my mouse over the edge & it changed to the little curve sign, but when I dragged it, it just moved the rectangle. Same thing when using the transform tool.
Does anyone know if there is a (preferably efficient :-) ) implementation of elliptic curve cryptography for ActionScript? The only library I know of is as3crypto, which offers great implementations for symmetric cryptography, hashing and several other cryptography-related operations, but it has only RSA for public key cryptography.
I'm building a simple white board app in ActionScript 3. Most white board or painting apps in ActionScript tend to use an interval, timer, mouseMove event, or enterFrame event to track the mouse position and paint lines or brushes in between the tracked points.
What I'm trying to achieve is the nice smooth painted line that a program like Photoshop can render while painting with the brush tool. In Photoshop, no matter how fast you move the mouse around the canvas, the painted lines always end up with a nice smooth curved edge. In my app, using any of the methods mentioned prior, there is always latency between the function calls that render the brush to the stage. Thus, using any of those techniques can result in a sharp cornered line when moving the mouse very quickly in a circular manner.
This is no surprise to me, I just have no idea how I could achieve a smoother line like Photoshop's brush tool. Mind you, the brushes for my app are mostly based on shapes and do not or cannot use the drawing API to draw continues lines. In other words, graphics.curveTo() is not an option. I am also rendering the Sprites or Shapes generated by the brushes to a BitmapData instance.
I need to implement a drag and drop functionality, where I can define and constraint the route of the draggable object.[URL].. only that i have the paths designed and not calculated by a math function. So, in fact, as mouse moves I need to tell the object to follow the custom path/movieclip.
There are two Sprite's hit tests, one check the object (and have no precision on the curves) and the other check a specified (x, y) point. But, having curves drawn using Graphics.curveTo(), how do I check if 2 drawn curves are colliding?I'm not sure if this is an actionscript or a math problem..I want to check all (x,y) of a curve to all (x,y) of the other curve..
I am trying to bend 2 parallel lines into a circle, but with a motion tween, it curves under eachother... (see att)how would I make them curl to a circle
How can I animate a curve being drawn with as3 drawing api.I am not interested in masking it out or other tricks. I am interested in drawing it whith the api.This would be the equivalent, but only a straight line:
var steps:Number = 30; var currentStep:Number = 0; var startPoint:Point = new Point(100,100);
I use Loader class to load a picture,such as example.jpg,and I know if I want to realize fade in effect,I can use following code in Event.ENTER_FRAME:sprite.alpha+=0.05.When I run above code,I can get a fade in effect of example.jpg. But the fade in effect is for the whole example.jpg, now I want to fade in the example.jpg with a special curve,such as number 9,the example.jpg fade in along number 9 curve. I guess it shoud have a mathematical model can realize this special fade in effect,anyone could give me the model of fade in along special curve?
what I am trying to do is calculate the position of a point along a curve, what I want to do is create a function where i am able to determine where a point intersects the curve when I provide an X value.I have created a simple diagram to illustrate what I am looking for:So assuming I know the x,y of each black dot, and the x of the red dot, how do I calculate it's y value?
posed by some points( an array) with a predefined length( in pixels) from position 0 to X(final) on stage. Now, i modify the points moving on the stage, making new arcs, including the point 0 and x points...So, i need to calculate the length of the new path to make another calcs..
I've created a Flex LineChart that shows high and low tide predictions over time. I'm using the LineSeries with form="curve", which produces a nice sinusoidal wave graph, representing water level over time. The X-axis represents time, and the Y-axis represents water level. The only data points I have to work with are high and low tide values, but I would like to figure out how to determine the y-values of arbitrary x-values along the line.[code]
I need to detect collision between my bezier curve (drawn using curveTo method) and a object, the curve is dyanamic and hence the equation changes every frame. I am looking for a efficient method to detect collision between curve and the object.