I have one left panel in which there are different shapes like start,end connectors..... when i drag line image inside canvas i want to draw line/connector between two shapes how would i do it
View 1 RepliesBasically I discovered its no problem at all to draw lines or shapes or whatever directly onto an mx:Text object using its graphics property (Text.graphics.lineTo, etc.). If just displaying that text, then any such drawn lines are displayed as well. However, if that Text object is used as a mask, then any drawn lines on that text object are merely ignored when the mask is rendered. And its hard for me to see the reason behind this, if anyone else is able to. I mean you're designating the Text object itself as the mask. It seems like any visual change to that text object should be part of the mask.
View 1 RepliesI want to develop an image editing application in Flex 4. My initial requirement is to draw various shapes like Line, Rectablge, Triangle, Circle, Star etc in appication. I want to facilitate user to draw shapes using rubber banding like professional applications do.
All shapes would be vector and should look smooth in an size. So, can't use bitmap and scale them.
What are better methods to achieve this?
I am simply trying to draw a rectangle inside of a panel using flex4. I am using spark instead of mx. It complains about addchild being replaced by addelement; however, addelement expects type ivisualcomponent. I think sprite should be of that type; however, it reports an error when trying to use the below code... I have tried a few different ways. I think I am missing something very basic about flex 4.
[Code]...
When you use Graphics object to draw very large shape(that does not fit in 10000x10000 pixels) stroke width may become much wider than value specified in lineStyle function.For now I have only two options:
1. When drawing line you can split it into several lines. However this trick does work only for drawing lines, polylines and polygons. There is no way to apply this to drawing circles and ellipses. Well, we can approximate circles via bezier curves, but this approach seems to be very inefficient.
2. Perform manual cliping. But this require manual implementation of different cliping techiniques, and I think ActionScript does not suit well for this sort of task. And again there is need to approximate visible parts of large circles.
My code is on the main timeline.I call a function loop to draw lines between them.The lines are drawing between the right x, y values BUT between those values on the main stage, not those values within the kite.For example, dot1_mc is at x100, y0 inside kite. the line that should go from its center, draws from stage x100, 0.How do I draw the lines inside kite so that they draw between the dots?Heres my code that draws the linesPHP Code:
function loop():void{ lineDrawing.graphics.clear(); var a:Point = new Point(kite_mc.dot1_mc.x, kite_mc.dot1_mc.y); var b:Point = new Point(kite_mc.dot2_mc.x, kite_mc.dot2_mc.y); var c:Point = new
[code].....
I have a candleStickChart in flex 4.5 with a dateTimeAxis horizontal axis.I wish to have a button that enables to draw a line on top of that chart.I wrote a code that each time the button is click, a new CartesianDataCanvas is created. than I do a pretty standard line drawing by listening for the MOUSE_DOWN, MOUSE_MOVE, and MOUSE_UP to draw the line.In the MOUSE_DOWN event I create the new CartesianDataCanvas, and update the annotaionArray as described in the following code: (candles is the candleStickChart's id)
public function startDrawing(event:MouseEvent):void
{
canvas = new CartesianDataCanvas;
[code].....
This question was posted in response to the following article: [URL]..
View 6 RepliesI know it's for sure a complex task, but does anybody out there know a package or a set of algorithms to extract shapes out of set of overlapping lines? I am looking for something in as3 that would resemble adobe illustrator's pathfinder function (most specifically, intersection). SWF here: [URL]. I know it will need some crazy geometric calculation?
View 2 RepliesI have a code, that draws a horizontal line, then it turns into a slope, and at the end of the slope it draws a circle. Here's a code:
Code:
var xspeed:Number = 1; // defines increments for x of slope
var yspeed:Number = 2; // defines increments for y of slope
var hspeed:Number = 5; // horizontal line increments
[Code]....
Create document 800x700 and put this code into main timeline. Now test movie As you can see, everything works great. But there is a problem. The circle is being drawn at 0 degree angle. But I want the circle to match the angle of the slope, so it looks like the slope and the circle are both at the same angle.
I have 2 shapes drawn with the drawing api - the points are stored in an array like this...
private var shape_points : Array = [ [81,61],[81,46],[84,43],[84,0],[11,0],[0,5],[0,48],[69,48],[81,61 ] ];
Both shapes have the same number of points. I need to tween the points from one shape to the other using tweenlite/max or tweener.
If I want to draw the stroke of a square just using actionscripting, I can (i.e moveto()).That will just show the stroke of a square as soon as I play the .SWF file.Let's say I want to animate the drawing of the stroke of a square from one point to the next. This way when I play the .SWF file, it will show the square being made. How would I go about doing so?
View 2 RepliesThis thread is designed to help collect discussion on the Drawing Shapes in Flash tutorial.
View 1 RepliesOne thing that seems particularly easy to do in the Flash IDE but difficult to do with code is to outline an organic shape. In the IDE you can just use the inkbucket tool to draw a stroke around something. Using nothing but code it seems much trickier. One method I've seen is to add a glow filter to the shape in question and just mess with the strength. But what if i want to only show the outline?What I'd like to do is to collect all of the points that make up the edge of the shape and then just connect the dots. I've actually gotten so far as to collect all of the points with a quick and dirty edge detection script that I wrote. So now I have a Vector of all the points that makeup my shape. How do I connect them in the proper sequence so it actually looks like the original object?[code]
View 1 RepliesI 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?
I have 2 shapes drawn with the drawing api - the points are stored in an array like this...
Code:
private var shape_points : Array = [ [81,61],[81,46],[84,43],[84,0],[11,0],[0,5],[0,48],[69,48],[81,61 ] ];
Both shapes have the same number of points. I need to tween the points from one shape to the other using tweenlite/max or tweener.
I have 2 shapes drawn with the drawing api - the points are stored in an array like this... Code: Select allprivate var shape_points : Array = [ [81,61],[81,46],[84,43],[84,0],[11,0],[0,5],[0,48],[69,48],[81,61 ] ]; Both shapes have the same number of points. I need to tween the points from one shape to the other using tweenlite/max or tweener.
View 1 Replies(MX2004)I have made a 'whiteboard', users can draw on it, change width of pen, clear it.
I need to:
1. allow users to add text as well as lines
2. allow them to add a circle or a square
3. clear last stroke/shape
4. save the drawing
5. email it or print it
I want to draw lines to make a region so that anything inside that region is deleted. The Case : You could say that there are many movieclips in stage but when I just selected by drawing circle or something even complex shape to it purposely then anything inside that shape is just gone.
View 3 RepliesI am in the process of learning AS 3 and Flash on my own and currently using the Actionscript 3.0 Adobe Classroom in a book CS4 version. Having a problem with the Lesson Adendum if anyone has done it. This lession requires you to create two buttons. They both draw shapes on the stage. When one is clicked, it draws Rectangles on the stage following the mouse movement. When the other is clicked, it draws Ellipses instead. The problem I am having is that it just draws rectangles and not ellipses when the 2nd button is clicked. Would be greatful if someone could tell me what i am doirng wrong. Here is the code that I have so far. Apologize for the commented out code, I left it in to show what I have tried:
[Code]...
I know Sprite.graphics is pretty easy to use, but I was wondering if there is any ready made libraries for drawing, resizing, moving, layering, etc.. of various display elements? Also, stuff like tool selection, maybe some effects, premade shapes. Anything you would recommend?
View 1 RepliesI am making a movie clip and want to draw lines from one movie clip to another to make it look like connectors on a flowchart. How do I use the returned values using a getbounds() method to draw a line from movie clip A to movie clip B. how the xMin, xMax, yMin and yMax values translate to finding the 4 corners of a rectangular movieclip. Can I use these values to draw lines from the movieclip using lineto().
View 11 RepliesI'm trying to design an application where you can draw lines. This is my code.
Code:
onMouseDown = function (){
original_x = _root._xmouse
original_y = _root._ymouse
[Code].....
value_obtained is true when you click the mouse, and is made false when the mouse is released. original_x and original_y are the coordinates for the point of the first click.
How can I make it so that each created line stays on the screen and is not remade?
I am trying to have a line draw in my movie with actionScript...have made three lines....if I want line 1 to draw.... then..... line 2.... then line 3 do I put the script on three separate frames ?and.... right now... they are just there...how do I make it like an animation... where the line starts at the edge of my movie.... draws line 2... changes direction... draws line 2.... changes direction.... draws line 3.... then stops.
View 11 RepliesI am making a movie clip and want to draw lines from one movie clip to another to make it look like connectors on a flowchart. How do I use the returned values using a getbounds() method to draw a line from movie clip A to movie clip B. Can some one show an illustration explaining how the xMin, xMax, yMin and yMax values translate to finding the 4 corners of a rectangular movieclip. Can I use these values to draw lines from the movieclip using lineto(). If so how do I do that?
View 11 RepliesI wanna draw lines, without using the mousse at all. Straight lines or Sinusoids, it doesn't really matter. I've found a relevant tutorial here: [URL] but I didn't manage to make it work. Basically didn't fully understand it.
View 3 Repliesdrawing a straight line, just like on the flash game Line rider. I need to be able to create a line by dragging it with the mouse.
View 3 RepliesI have 4 coordinates from which i created a rectangle(using lines). I also created buttons dynamically. It works great for straight line. But when the coordinates generate diagonal lines im having a problem in making it go below the lines or fitting it inside the figure.See my pic for better understanding. I have also figured out how to rotate the button. Here is my screenshot:Here is my code: To generate the lines:
Code:
var myLine:Shape = new Shape;
myLine.graphics.lineStyle(1, 0xFF0000, 1);
[code].....
I have a set of small circles(balls) on the stage, contained in an array. The array at different times in times in the program could have ballArray.length=1 or ballArray.length=125 or 48 or 0, etc.The balls float around the stage randomly too.I wish to have a function which will draw a line between all the points(balls or circles) in that array.So for example where there is 0 or 1 balls, there would be 0 lines drawn.Where there is 4 balls there would be 6 interconnections. as there would be six lines linking every object to each other object , exactly once per tick in the animation.[code]
View 3 RepliesI have an empty MC. I want to draw lines that show on top of an image, but everything I try draws the lines below my image.This code is ran from the main timeline.This is my code so far.
Code:
_root.attachMovie("Audiogram_Chart","Show_Audiogram",100000); //this is my MC that will hold the graphics
_root.Show_Audiogram.attachMovie("Audiogram_Chart_Pic","Audiogram_Chart_Pic1",0); //this is a graphic with linkage
_root.Show_Audiogram._x=200;
_root.Show_Audiogram._y=200;
[code].....