I was looking for tutorials on drawing in flash using actionscript and all of the tutorials I found showed how to create content instantly (with the click of a button etc).But I was wondering if it was possible to use actionscript to draw a line from coordinate A to B over, say 12 frames?
View 9 Replies
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.
Class File (DrawingArea):
package
{
import flash.display.BitmapData;
import flash.events.Event;
import flash.events.MouseEvent;
[code]....
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.
View 1 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'm creating a flash game which uses time intervals with setInterval and sometimes does heavy calculations. The problem is that on slower machines these calculations can't keep up with the framerate and the movie slows down BUT the timers are unaffected what makes them asynchronous to the movie. Looking back, it was a bad idea to use timers but I can't change it back now. So...is there a way to skip drawing frames?
View 2 RepliesHow 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]...
i'm developing a game for mobile devices where I need to draw many objects and some lines(1~3 just occasionally).
my problem in short is: Line drawing is too slow for iPhone4
objects are drawn with bitmap, so it's pretty fast with GPU support. drawing lines are slow.
a end point of a line follows mouse cursor, so it changes every frame.
here's how i did it
initialization step:
var img:Shape = new Shape();
addChild( img );
[Code]....
that gives me 47~48 FPS on my iPhone. +2 FPS but still way too slow for a simple line.
without the line, i can maintain my whole game around 30 FPS. with the line, it goes below 20.
i want to draw a line with actionscript .Here is my code
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"[code]......
I was told that by using actionscript to animate, it will make the flash file smaller and animations smoother... is this a correct assumption?
with this in mind, I have the code:
ActionScript Code:
this.createEmptyMovieClip("myLine", 10);
myLine.lineStyle(2, 0x000000, 100);
myLine.moveTo(10, 10);
[Code].....
I'm trying to create a simple graph showing the stock trends for the past few days. In the x axis I have the dates and in the y axis I have the stock value. I have to do this dynamically and I think I can figure it out, but I need help with something else: I need to be able to (dynamically) draw the slope of the line as the user clicks on a point... something like in www_calculusapplets_com/twicediff.html except that instead of having the slider the user will click on the actual line.
View 6 RepliesI am having some trouble drawing a line between two movieclips. One of the movieclips is moved with the arrow keys. The line is created between them, but every time the movieclip moved another line is created. I would like only one line to connect the two movieclips. I am trying to create some sort of "AI." When the line hits a wall, then there isn't a clear line of sight. Here is the code:
ActionScript Code:
stage.addEventListener(Event.ENTER_FRAME, moveguard);
function moveguard(event)
[code].....
Drawing a simple line is easy - here's some sample code here from Kirupa:
[Code]....
My First Question is - how can you get it to show the drawing of the line - almost like an animation? This example instantly shows the line - I want the appearance that you're watching the line being drawn. Do you animate the lineTo variable and just keep refreshing? My Second Question is - can you do the same with a Bezier curve? In the end, I'm trying to draw random bezier lines from the left to the right in varying thicknesses and shapes (being able to see them being drawn from left to right).
I have a line drawing that I have to animate it has curved lines like the image attached.I have tried tweening however it looks terrible and not smooth in it drawing.this is the action script I already have so far.
createEmptyMovieClip ("curveLine", 1);
with (curveLine) {
lineStyle (2,0xffffff, 600);[code].....
right now i can create a straight line from mouse down to mouse up. what i cant 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);[code]......
I've followed the drawing api tutorial off here for MX and have got that working perfectly. I would like to adapt this now if I can so that when a user clicks a straight line will follow their mouse until they click again and this releases the straight line.
View 2 RepliesHow can i create an animation of a line drawing itself.
View 1 RepliesI'm trying to make a short script in AS3 which will simply take some animated lines that are in a movieclip (pre-animated in library) and draw a 15px diameter circle around each vertex / point of the lines.
how to access the vertices of the lines in actionscript!
I started working with AS3 a month ago, I know the basics and stuff, but I can't do that much. The user would draw lines by clicking on the stage. The code works exactly as I wanted it to, but it is on AS2 . I tried, but I can't 'convert' it to AS3. I would like to know how this code would work on AS3! Here's the download link of the .fla, so you can see better what I mean: [URL].
View 3 RepliesI have a conundrum with a design. Imagine the new Facebook timeline with lots of chronological posts attached to it. However instead of a straight line I need to make a randomized curved line with the content placed against it like so:
The complexity comes in because as the user scrolls more posts are loaded (facebook/google images style) so the line could almost be endless.
As far as I can tell my options are:
SVG - poor support in old browsers
Flash layer - embed will be huge and cause performance issues
Canvas - again the canvas will be huge and might cause performance issues
Question: Are there any cross browser gfx libraries which could do this, preferably with support for IE7/8? Or is there a smarter way to do this which I might be overlooking?
I am building a diagramming tool using Adobe Flex 3. I am about to implement connector lines and I have a question.
Imagine I have 2 squares at random positions on the canvas. I need to draw an arrowed connector line between them. I need it to tend to the target square's center but end on its border.
How do I find out the exact points between which to draw the line?
Update: Once and for all, how can I draw a line that goes from (0,0) to the opposite corner of the stage?Here is what I have:
package
{
import flash.display.Sprite;
[code].....
I'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].....
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 RepliesIn my file, I've replaced the cursor with a custom cursor of a pencil.It roams around the screen and on mouse over, triggers various actions. While it moves, I'd really like it to draw, so the user has more of an active role in the narrative. Is there a way to do this?
View 9 RepliesI have a function that draws a square, when that square is clicked on another function draws a line. I want to erase that line when its clicked on a second time. Graphics.clear, erases both the square and the line. Remove child gives me an out of bounds error. Not sure what to do.
[Code]....
