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'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)
View 3 RepliesI am trying to develop a Quadratic Bezier Curve using the graphics.curveTo() method. Initially when i drag mouse to draw the shape, i use start point and end point of mouse to draw the curve line. I assume control point at any position below or up to the line. An draw the curve using this control point. some what like:-
[Code]...
Now i add a tip on this curve segment. I have x and y position of tip. I want to change the curve segment by dragging tip. but now i don't have the exact control point according to tip position. If i use tip coordinate as control point it reduce the height of curve and now tip does not lie on the curve segment. What i have to do is calculate the exact control point on the basis of tip coordinate. But i failed to get this point.
For 2 weeks now, i have been trying to work out this issue and still i have had no luck.. i dont even know what im looking for.
See image attached to explain better than words.
My idea is i need to generate a nice curve between graphical points but in a way that produces smooth curves at runtime.
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.
View 1 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 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..
Code:
function drawOnCurve( interval:Number, x0,y0,x1,y1,x2,y2)
{
interval = Math.max( Math.min( 1, interval ), 0 );[code]....
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.
From the Robert Penner code given in this tutorial: [URL] i was wondering why controlx and controly has to be so complicated. I've tried changing it to just _root._xmouse but it messes up. I don't get this, shouldn't the curve point be the same point as the mouse?
View 13 RepliesI try to calculate all the points on a curve.
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.
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:
View 2 RepliesDoes anyone know a decent algorithm for drawing a anti-aliased (smooth) quadratic bezier curves in a raster?
I could simply draw them as vectors and then copy the image to a raster..
Is there any clever yet freely available algorithm to draw the curve directly to the pixels? I am currently using the algorithm implemented here:[URL].. I am doing this for learning purposes and because I am hoping it would be faster than using the copy pixels from a Shape option. Here is an example showing the none-smooth bezier is faster than the regular bezier:[URL]..
How do draw a vertical line and make it bend into a curve as the mouse hits it.
or better yet,
a box that traps the mouse in it and stretches out when mouse hits the side.
Here is my code:
[Code]...
I have many layers in the main stage. on frame 20, I have this code drawing a curve between two countries in "Lines" layer . I have another layer right above this layer called "mask" in which in frame 20, I make a rectangle and until frame thirty, I move the rectangle with tween. I right clicked on the mask layer and set mask. Hoping that by masking the layer below it, I can make the curve being draw real time. But it is not working.
how 2 sript: to draw a line ( 4 example ) frm point A to point B and then code it such that the viewer can see the line being drawn ?
View 9 RepliesI want the text to scroll from this point changing perspective along with curve. I know how to do it in AI, PS but without doing like 100 pictures of it slowly moving and putting them in flash like an old style cartoon I have no idea how to do this... Basically when someone rolls over the button I want This to come from nothing and scroll up onto the arc and stay till they roll off... I know how to do the simple button... it's designing a movie clip that does this on an arc that i cannot figure out
View 5 RepliesI have an array of points and I need square planes to be drawn between these points and distorted if points change their coordinates (see what I mean in the attached file).So what is the best practice I should use to create such set of planes knowing just coordinates of the points (planes vertices)?
View 4 RepliesI am looking to draw a curve through N points. The control points will be constantly moving so ill need to keep updating the line ON_ENTER_FRAME.I have looked on Google, and i found some dedicated libraries,URL...But i dont have a clue how to use it.Does anyone have any advice for me on how to draw the curve?
View 2 Replieshow I can draw Bullet Points using Flex? instead of using image for 1, 2 and 3?
View 2 RepliesI'm projecting some vectors using the Utils3D.projectVectors() method. This gives me the (x,y) screen points. Then I'm using graphics.drawGraphicsData(); to draw a GraphicsTrianglePath containing these points.
The points are drawn at the top left (0,0) of the stage, but I want them to be at the middle (275,200). I know there are several ways of doing this, like for instance, adding 275 to all the screen points x values, and adding 200 to the y values, but I think that would be a massive operation.I can also set the sprite containers x and y, but I want its position to stay in the top left.
Simple way of drawing it in the middle?
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.
View 3 RepliesI am trying to draw a continuous curved line in flash. There are many methods but none of the ones I have found so far quite fit my requirements. First of all, I want to use the flash graphic api's curveTo() method. I DO NOT want to simulate a curve with hundreds of calls to lineTo() per curved line segment. It is my experience and understanding that line segments are processor heavy. Flash's quadratic bezier curve should take less CPU power. [code]...
View 3 RepliesI'm having issues with drawing a circle. The code seems to work for drawing all the required segments except one, but tracing the points of the drawing looks correct.This is the class that generates the segments:
package views
{
import flash.display.Sprite;
import flash.geom.Point;
[code]....
I am struggling with an issue where I want to create a function that draws an outline of any object and I want to use this outline as curve path so I can animate objects on this path using Tweener. Like that:
Code: Select allvar path = new Array();
path.push({x:300, y:0});
path.push({x:200, y:400});
[code].....
When motion tweening is it possible to have an object move from point A to B and also have it rotate at certain points?
View 2 RepliesI have two point p1 and p2 and I want to designate coordinates of the point that is exactly between them. So I used the Point.distance method to designate the distance between them but I don't know what to do next to achieve my goal.
View 3 RepliesI am facing a real nightmare. I have many Assets which use strange origin points. I need to essentially draw these assets to a BitmapData, but the origin point causes all kinds of problems. StackOVerflow does not let me attach an image so I will try to describe. Imagine you have the shape of a digit "8". You have 3 of these shapes.... Each shape has a different origin:
1) The middle of the "8" shape
2) The centre of the top "o" part of the "8" shape
3) The centre of the bottom "o" part of the "8" shape
How, with a single drawing routine, can I correctly draw each of these instances to a BitmapData? Ideally I want to find the top left part of any Sprite bounding box, and bitmapdata.draw() from there. But after 2 days, all of my attempts either get clipped.... or using matrices, they do not work for every origin point and different drawings get clipped in different locations.
I have a flvplayback component onto which I am loading a video. To mimic next frame and previous frame actions I am adding cue points to the loaded for every second of its length. The next frame /previous frame functions implement seekToNextNavCuePoint and seekToPrevNavCuePoint on the video. But its not working the way I expected it to.
Here is the actual class file. You can directly compile it with an fla file containing button instances in the library for play pause stop... Also you would need some sample flv file.
[Code]...
I have extended the Point object to add a name property:
[Code]...
The point object is not part of the DisplayList, so I am not sure how to cycle through the points to compare them to my reference point.
I'm trying to test of a point is inside of a Quadrilateral, as defined by four points.I found some script on another site in another language and tried converting it, but I doesn't seem to work. It might be that I don't understand what their "sign()" method does. I thought it was Math.sin().
[URL]
Code:
import flash.events.MouseEvent;
import flash.display.Shape;
import flash.geom.Point;
[code]....