ActionScript 2.0 :: Drawing A Curved Line On A Map To Show A Route For A Shipping Company?
Apr 25, 2005
Im working on some actionscript drawing, right now Im drawing a curved line on a map to show a route for a shipping company, the line is red but I would like to color a portion of the line green for the completed portion of the journey.
Any way to get a curved line to draw from a known point a to a known point b. Point b will always be changing and will be in any position around point a. I can work with an existing line from a movieclip and change it somehow, but right now I can't find any way to accomplish it.
Right now I can create a straight line from mouse down to mouse up. What I can't quite get is a preview of that line. does anyone know of a simple way to show a preview of the line while the mouse is still down and the user is moving the mouse?
What I have now: Code: var clip:Shape = new Shape(); addChild(clip); stage.addEventListener(MouseEvent.MOUSE_DOWN, startLine); stage.addEventListener(MouseEvent.MOUSE_UP, drawLine); function startLine(evt:MouseEvent) { clip.graphics.moveTo(mouseX, mouseY); } function drawLine(evt:MouseEvent) { clip.graphics.lineTo(mouseX, mouseY); clip.graphics.lineStyle(1, 0xff9933); }
Currently I am working on a map that will animate the drawing of a line between two points as soon as the user hovers over the end point. A good example of this can be seen on the home page of Jet2.com (the map of Europe).
It seems I am having difficulty with drawing the line dynamically. Of course, just drawing a still line between two points is easy, just use MoveTo() and LineTo(). However, having the line expand in an animation is quite difficult for me.
Here is what I've come up with so far:
Code: // Create the clip this.createEmptyMovieClip("drawing_mc",1); // Declare variables
I want to draw a curved line between random point. How can I do this? The random points are actually x,y positions of movie clips dragged on the stage and I want to code curved lines between them.
Im looking at curveto in as2 but not sure how to to do it?
I made this one poor class that has a public function which draws with a single loop a shape with curveTo() function (I tested one option to draw straight lines with lineTo() and only curved lines with curveTo() function but in my opinion, that lineTo function where a bit slower, at least in my implementations of testin speeds).I sent to it four parameters (anchor points and the control points) as many times as there were some corners to draw and everything seemed to go well untill I checked which way is faster to draw single rounded rect. Flashs own way beats my version up with huge 120 m/s distance already in some 100 000 iterations. The format of data I tested to send to my class function to draw that goddamned thing were numbers in arrays, numbers in objects and numbers in my own class objects like linked list and the file that holds just four numbers included in arrays or linked list. And two separate arrays, one for anchor points and one for the control points, with just Point Objects were fastest (if I remember correct) way but still that 120 m/s slower than Drawing API in Flash.My function in the class where something like:
i made an animation following a motion guide and i drew a line from animated movie clip's previous position to its current position. The problem is that with curves this method is very unprecise... the edges are much too jagged even with the event firing every milisecond.
[URL]
So basically my question is if it's possible to create a nice curved animation using my method or do I have to draw it manually using lineTo and curveTo and snychronise it to the MovieClip's movements or maybe creating some sort of mask to reveal the already drawn symbol?
Code: var shape:Shape = new Shape(); this.addChild(shape); shape.graphics.lineStyle(1, 0x000000);
I want to 9 scale the line in the shape of 'U' so that i can increase the width in a manner that the rounded corner of the line not got spoiled and I also want to resize (in proportion) it without spoiling it's rounded corner. Right now I have done it in the distinct files but I want to do these both properties in a single file.
Any idea on how to curve a line and bend the texture along with it?I tried lineBitmapStyle with curveTo, but that doesn't bend the texture.I was thinking of using a for loop to draw the curve using lineTo, and using a matrix to rotate the lineBitmapStyle...but it isn't working out to well.
I need to attach a series of mcs to a curved line. These mcs are attached through actionscript with the attachmovie code, they do not tween, just attach at intervals one after another. Its hard to explain i know. When the user presses a button on the screen the first mc appears at the start of the curve, another press attaches another mc perhaps 10px inwards on the line and so on.
Here's the effort simply displayed: http:[url].....it uses curveto to show the arc of a doorswing.I'd like the drawn arc instead to appear/trail along the leading edge of the door _as_ the door swings open. Guide Layers AS2 led me to tweening AS3 class but the beginning and end objects weren't right. Am I in the wrong place? This seemed somewhat straightforward but perhaps I'm searching for the wrong keyword(s.
I created a character that can move left or right according to keys pressed by the user. (simple enough)But the most I could do is make it move along a straight line, (change X value)or along inclined lines by defining them as linear functions. (not very effective i guess)My question is, is there a way for me to draw a line and have my character walk across it?Is there something that would allow me to get the Y value of a curved line I drew based on its X value?Obviously this wouldn't be a problem if I could just draw a line from a mathematical equation, but my searches proved that to be rather complicated.
I 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]...
I am using Flex 4 and AS3 and I am trying to make it so that the user can draw a freehand line with the cursor - I have this part done.However, I also need the line to be a dashed line instead of one solid line like it is now. below is my code I am using. I have found some examples on how to do this, but they are all for straight lines, not for a freehand line.
I am developing a white board application which allows the user to draw line with arrow head (some like Microsoft Word line with arrow feature). I am using graphics property along with lineTo() method to draw a line. Now i have to draw a angular arrow on the last point of line. I am drawing the arrow by connecting the points around last points. As 360 line can pass through this point and each line can have a different angle of arrow.
I'm trying to simulate the coriolis effect and have managed to create a drawing application that lets the user draw on a rotating movie clip. However, I would like to now create an animation that automatically draws a line onto the movie clip which ends up being curved, but I can't figure out how to convert the x, y coordinates of the pixels on the stage to the corresponding x, y values of the movie clip. Here's what I have so far:
Im building a pretty simple drawing board in flash, i got this code from this forum and it works fine (there is more to it but this is the drawing part)[code]This works fine. But i want to be able to erase the drawings, step by step this is ths tricky part, ive looked everywhere(ok not everywhere) but in a whole lot of places but the only thing i found is how i could delete everything with removeChild and that in not what i want. Maybe i need to change the function abowe? Please help me to get in the right direction. What should i read about /look at?
How do i animate a drawing line? I mean like from point A to point B, the flash will show it is "drawn" itself.Can I do it simply without actionscript? Is it possible? Because I have many lines to draw, to make it into a diamond.
I want to show the structure of any xml document and use the drawing API to connect nodes so that is looks like a phylogenetic tree. Each node in the xml document could have any number of child nodes and sibling nodes that need to be arranged at run time so they don't overlap. I attached a sample image to show the idea of the phylogeny.
What I'd like is the ability to draw a line with the drawing tools in Flash, and have that line appear onscreen as if it were being drawn. I don't think there's a way to do that with the animation tools (I'd like to give it a go, but I have no idea, once I've drawn a line and converted it into a symbol, how I could access the anchor points and whatnot of said line to then do some funky stuff with curveTo, or whatever better solution is out there...
With several flashes I'm trying to create, I find that I need to know how to depict a line being drawn or a plant/vine growing (same concept right). Obviously frame-by-frame animation can be used, but that's quite tedious. There must be some other, more productive way to pull it off. Example of the vine: [URL] I've tried shape tweens with shape hints but it didn't render very well at all.
I'm having troubles with the width of a line using the lineTo and lineStyle function, I can put setting the thickness and noScale parameters, and it works fine for no longer lines than 32000 pixels, but when I try longer line, the thickness changes to a bigger width. if you want to try what I'm saying you can prove this by changing the num variable:to 33000 for example: