I 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 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 RepliesI 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.
I 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 trying to work with this flash tutorial -[URL] So far it draws with a simple rounded line. I have been extending this application by making the drawing board bigger and other small things. I now want to be able to choose the line style. Currently it is rounded and I want to choose and draw with other shapes - square, forward slash (/), backward slash (). Is this possible? If so, could you explain how I could go about it?
View 1 RepliesI have a question about shapes (i mean the flash.display.Shape class). Is it possible to import Shapes directly from the library as Shapes and not as Sprites/MovieClips? Shapes are supposed to be faster than MovieClips/Sprites, right? So why is it only possible to import MCs/Sprites from the library? I understand that generally shapes could be created solely by actionscript, but in my case the shape comprises of many points and is curved - so it's quite infeasible.
Is there maybe some sort of plugin to generate code that would draw the desired shape from a drawn shape in CS4? And a last one: Are there any benchmarks out there for performance comparison between sprites/mcs/shapes? How much performance do i loose by using a sprite instead of a shape?
I am drawing three circles in my flex application, using actionscript. But these circles are now pure 2D images, which is not looking good. How can I make it look like 3D using some shadows or shades inside the shape.
View 1 RepliesI'm working on an application where I'm drawing some rectangles on the screen, and then will need to manipulate the shapes (change their size, location). I tried to do something with .drawRect and clearing the shape each time I was manipulating it, but the RAM usage was spiking and then falling (presumeably because i keep reinitializing a new component and then removing it, and garbage collection was cleaning it out). This seems like its probably not the most efficient way to do it.
Is there a way for me to just create a shape once, and then move it around on a canvas (and change its width and height without all this RAM usage?
I have two shapes in a skin:
1.Circle
s:Ellipse width="20" height="20" includeIn="collapsed">
s:fill>
s:SolidColor color="#BBBBBB"/>
/s:fill>
/s:Ellipse>
2.Rectangle
s:Rect radiusX="10" radiusY="10" width="80" height="20" includeIn="expanded">
s:stroke>
s:SolidColorStroke color="0" weight="1"/>
/s:stroke>
s:fill>
s:SolidColor color="#00FF00"/>
/s:fill>
/s:Rect>
I want to have a shape tween. This kind of shape tween that is possible in Flash IDE. Circle needs to transform into rectangle smoothly. Is it possible in mxml ?
Basically 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 RepliesIn Flex, I am trying to design 3 buttons similar to the image uploaded at [URL]
The mouse over/click on image should work only on red colored area of the button.
How can I manage the Mouse clicks or Irregular Button shapes in Flex?
I just need a simple code of drawing a text curve in flex
View 2 Repliesi've tried to simulate a pencil tool, for drawing above a imagem, but the drawing is below the picture. How fix it?
[Code]....
I'm trying to write some code to an animated images of squares on a Flex Canvas There's something wrong with my code below because it becomes progressively slowerI assume I'm supposed to clear the old squares or something.What am I doing wrong below?:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init();">
<mx:Script>
[code].....
I've created a line chart in flex and it works like expected. Now, I would like to add shading to the background for specific information. For example, this chart - [URL], shows a shaded background for recessions. How would I mimic this shading in a Flex linechart?
View 2 RepliesBasically I've got a reasonably complex drawing object in a fla and I want to reproduce it in a class definition using the drawing api. However obviously this is a tedious task, so is there some trick or automated method of doing this?
Last time I needed to do this it was a drawing of an arrow and I ended up writing down x,y,width,height values for everything but this one has curves in it which I don't have experience with drawing anyway.
It looks to me like the easiest route in AS3 is to use a Shape/Sprite's Graphics property to draw these lines, clearing and re-drawing each time the stickman changes. But some of the newer Flash 10 stuff seems to suggest a closer functionality to 3D graphics where you can define points and lines/triangles and then move the points rather than recreating all from scratch each render. Is this the case?
View 1 RepliesI cannot get this to work. Without the "var drawing", "var drawing being true or false" and the "if statement", it works fine. But I need to add the "var drawing" so that you can only draw if you turn it on by pressing the "draw_btn" button. Note, I do not get an error, the script "apparently" contains no errors. Here is the code:
ActionScript Code:
var drawing = false
_root.createEmptyMovieClip("myLine", 0);
[Code].....
