I'm trying to animate a line by drawing using tweenmax and lineTo, but flash seems a little confused about the coordinates of things. The lines are also drawn a little shaky. Here's my code:
var childArray:Array = new Array(sC0,sC1,sC2,sC3);
var curChild = 0;
function drawLines(){
[code]......
I am working on Drawing API. There is a movieclip on stage which I am animating using Tween class. I just want to draw a line from the initial position of a the movieclip to it's final position. I can draw line, but I can see the lines being duplicated each time the enterframe runs. I just want a single line do be drawn from the movieclip's initial position to it's final position.
Here is my code
Code:
import mx.transitions.Tween;
import mx.transitions.easing.*;
var myTween:Tween = new Tween(circ0_mc, "_x", Strong.easeOut, circ0_mc._x, 0, 2,
[Code].....
so maybe this animation is not that cool. But line 'draw-on's like this are quite common and I cannot find an easy way to do this in flash. I have tried masks, but (as far as I can tell) the line path is too complex for a mask. I have tried animating it using shape hints, but flash just gets hopeless confused as to how I want the line to animate on. I could export this as an swf out of AfterEffects, but the file size seems way too big for what the animation is. I have begun to realize that maybe this type of animation is often achieved using actionscript.
View 8 RepliesI have this file http:[url].... Basically lines gets drawn where ever I tween the animation.arrow MovieClip. What I'm wanting to do is be able to rewind the MovieClip and have the line erase its self step by step.
View 1 RepliesI'm extremely new to flash programming, and suddenly my teacher give me assignment to make a flash about mirror reflection line. Here is my as code to draw a simple line after following some tutorial online.
[Code]....
I have drawn a series of lines using flash's graphics.lineTo command, and placed them in an array to be referenced later. Based on certain user interactions, the clips that hold these lines can be shifted to the right, causing the lines to move with them, no longer connecting to the point they originally connected to. So I need to extend the lines by the amount their parent clip was shifted (I've called this incVal). So what I need to do is find the point at which each of these lines ended at, and draw from that point to the left by incVal. How do I get that ending point of the line?
This is my code:
To draw line and add it both to the clip and to an array for future reference:
line.graphics.lineTo(localPoint.x,localPoint.y-10);
membersRef.addChild(line);
parallelArr.push(line);
[Code]....
I have been working on a drawing "game" in my spare time (which is limited). This is probably a common question, if so I appologize. By the way, I do not have the code here, it is on my other computer. Anyway, I was using the lineTo method and a timer listener to fire the addition of each new line segment, if that makes sense. The problem is that when you try to draw an arc quickly, it looks terrible. It draws straight lines. I tried adjusting the timer, which helps a bit but still not great. I looked at the curveTo but could not figure out a logical way to get the achor coordinates. I did some research online and found some that use addChild with bitmaps. I would rather use lines. Has anyone tackled this before?
View 3 RepliesIs it possible to get the values along a lineTo and have movieclips attach along the path?
View 1 RepliesI 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.
Class File (DrawingArea):
package
{
import flash.display.BitmapData;
import flash.events.Event;
import flash.events.MouseEvent;
[code]....
If I skin a button and use the AS3 graphice.clear() and graphics.lineTo and beginFill to create a shape, the button overlaps other items in the container.
When I use the and mxml to create the same shape, the button is neatly positioned inside the container.
this is the thing: Using "lineTo" i get a line drawn on stage when dragging a mc. Then i should have four mc (note1, note2, note3, note4) added randomly over this line. I mean, the line is drawn and then over some parts of this line, using x and y of some of the points drawn there, this movie clips should be added randomly. I can make the mc appear randomly, but always in the same point (mouseX, mouseY); i cannot access others x and y of the drawn line. This is my code (noteContainer is a sprite):
Code:
private function drawingAPI(event:MouseEvent):void{
sprite1.graphics.lineTo(mouseX, mouseY);
}
[Code]...
I think it would be cool if the line started out as flat (i.e., y=_height/2 for all points) and then the y points of the line animate into place.I don't even know where to start with doing this in TweenMax/Lite... I've seen several code snippets that draw a line from left to right, but that's not what I want.
View 6 RepliesI 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.
View 13 RepliesIm 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?
View 5 RepliesI 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.
View 1 RepliesI'm trying to draw two circles at random positions, and draw a line between those two circles - but flash doesn't seem to register the x|y coordinates of the circle in my code.How would I do this. Better yet, how would I do this so that if I were to drag one of the circles, the line would maintain the connection between those points? Here's my code:
var sw = stage.stageWidth;
var sh = stage.stageHeight;
var cr = 6; //circle radius
[code].....
what kind of scripts / AS3 he used to draw line images on flash header?[URL]
View 2 RepliesHow 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);
[code]....
i am trying to take photos using webcamera from online web application and i got sample code from [URL] It is working fine to take photos online with the attached web camera and saving it into server for future purpose. Here my problem is i want to keep horizontal and vertical lines on top of the camera area but what ever line i am placing all displaying behind the video area and camera area is displaying ontop of all layers.
View 1 Replieswat i want to make.. is a graph plotter.. i add movie clips on the stage and a line should connect them all.. but im having a fkload of problems in solving that..here is the code for adding the movie clips.
function makeABox(e:Event):void {
var newBox:myMC = new myMC();
addChild(newBox);
[Code].....
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.
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 am using FLASH CS3 and need to find a way to make an animated line using FLASH CS3 like the example I found here, (it is the purple line effect in the area of the top near the camera lens): [URL]. It is the purple line. As you will see the creator has a purple line doing several movements. I only need to know how it is done. Like this example mine will have an image as a background. Therefore using a large square as a mask will not work, similar to the example. How I can achieve this effect?
View 6 RepliesI want to create a mask from an animated line. I found out pretty quick that you can't use a line to mask, only fills. So, can I convert the line to a fill as it's being drawn? Or do I need to put multiple instances of a shape along my line at intervals?
I keep seeing requests for an animation of writing. I figured it would be easier to have the text in one layer and use the animated line as the mask. It sounded good in theory.
I've attached my test that shows the line being drawn. I was playing around with some different objects to use as masks and that's how I saw that lines can't be used as masks. I wish they could.
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.
View 14 RepliesWhat 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...
View 2 RepliesHow can a create an animation of line drawing itself.
View 1 RepliesWith 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.
View 6 RepliesI am looking for a smooth line drawing effect as in the pencil tool in Flash. I need to implement the same using as3.
View 7 RepliesI'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:
num = 32000
this.createEmptyMovieClip ("Envolvente", 100);
this.Envolvente.lineStyle(0,0x00CC00,100, false, "none",
"round", "miter", 0.8);
[Code]...