I can't post images yet: [URL]. Using Actionscript 3 I'm drawing multiple Shapes onto a MovieClip [top drawing]. The end result I need is the bottom drawing. I originally thought it would be simple to just merge the shapes and then find a way to draw a border around the end result but I can't seem to find any way of doing this. Is this possible or is there a better way of trying to do this?
View 1 RepliesWhy is it that when I draw with the pencil tool, my lines get auto-reshaped? This is nice but it's not nice when I try to draw a stickfigure and it turns out completely wrong. Sometimes when I draw a circle with the pencil tool it becomes a square. But then again I don't use a drawing pad. I use a mouse.
Somebody told me: "Because Flash is really a vector drawing tool, not a bitmap drawing tool. It is *interpreting* your marks as pieces of a curve. That said I think there may be a setting to remove this smooth - in effect using more line parts for you drawing."
Any way of drawing circles with AS? I'd like to draw a number of small MC's on the stage in a circle actually. My problem is how to draw in a circle.
View 5 RepliesIs is possible to draw something like [URL] using AS3? If yes, is it possible to do it without masks? I'm trying to create a circle from a vertical line, like analog clock 12 oclock, and then clockwise, in fluid motion, that line goes around 360 and makes a circle in an amount of sec, let's say in 6 sec.
View 4 RepliesIm designing an 'L-System' (Lindenmayer System) in flash which generates random shapes using lines working around rewrite rules. I've got so far and my program seems to be outputting the correct rewrite rules but I just can't seem to get it to draw according. I'll post my code below
[Code]...
I have been practicing on how to draw shapes on the stage with actionscript and it seems fun.
Code:
var rec:Sprite = new Sprite();
with (rec.graphics) {
beginFill(0xff23564,1);
[code]....
But now I was wondering how hard would it be to animate what you draw for instance how would you animate a simple line?
Code:
var rec:Sprite = new Sprite();
with (rec.graphics) {
lineStyle(0);
[code]....
This question was posted in response to the following article: [URL]..
View 6 RepliesWhat would be your recommendation for drawing shapes (rects, circles...) onto BitmapData, and how to effectively switch between colors.Draw shapes on BitmapData / getting its graphics context
Is there any way to get graphics context from BitmapData so I could easily paint shapes using graphics.draw...()?
I am copying a bunch of shapes from my stage to a set of bitmaps for filtering.
Is there a faster way to do this? Is there a way to copy everything over together from the stage rather than how I'm doing it by copying the shapes in my array one by one?[code]...
I'd like to learn how to create classes. For instance, I'd like to create a class that draws a custom shape. Like an arrow that is just a rectangle with a triangle on the end. I'd like to be able to do this sort of thing:
myArrow = new Arrow();
myArrow._x = 10;
myArrow._y = 50;
myArrow._width = 100;
etc . . .
I'm trying to create a draw program in AS2 where I can draw shapes with my mouse inside a Scrollpane. Furthermore, I need to be able to drag and drop these objects within the Scrollpane. Currently, I'm doing the following:
1) I created an empty movie clip called main and I'm attaching it inside the Scrollpane called scroll
2) I draw the objects inside another empty movie clip called p0, p1, p2, etc. which I'm attaching inside main. When I drag the objects around, they can be dragged outside the boundaries of the Scrollpane. How can I prevent that from happening?
I have a template which loads thums form XML file, i want to modify the thumbs to have a border around each one and alfa rollover effect.
Code:
function createThubmnail(thumbURL) {
thumbsHolder.attachMovie("itemPhoto", "itemPhoto"+photoN, photoN);
eval("thumbsHolder.itemPhoto"+photoN).picture.picture.loadMovie(thumbURL);
eval("thumbsHolder.itemPhoto"+photoN).d_w = widthThumb;
[code]....
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 RepliesHere's my latest attempt at rendering a dynamic rectange (w/ width, height, border_width, border_color & background_color) I'm trying to render a dashed border, and can't seem to get the code right...
I've reworked my logic about five times, and can get the dashes to render right (almost) but the fill color disappears. It's rendered using actionscript. You can see the issues if you change the border width.[code]...
how to draw a border around image or movie clip?
View 11 RepliesI'm trying to write some ActionScript which will accept a mask and an image, then mask the image and put a border around the result (assuming that the mask is always 100% opaque).
For example, if my mask is a poorly drawn star, and my image is a bunch of flowers, I want the result to be a poorly drawn star with flowers inside it and a border around it. Something like this:
Let's assume I have an Image that's used a button. By default, the image has no border around it. Clicking on this Image will cause another component be displayed beneath it or next to it. When the second component is displayed, I want to draw a joined border around the Image and the second component.
The second component would not be visible by default. It would only be visible after clicking on the Image by using the popupManager, PopUpAnchor, setting the visible property, etc.
Example before clicking:
+--------------------------------+
| |
| XXX <-- My Image |
| XXX |
| |
| |
| |
| |
| |
| |
| |
+--------------------------------+
Example after clicking:
+--------------------------------+
| +---+ |
| |XXX| <-- My Image |
| |XXX|_______________ |
| | | |
| | My Second | |
| | Component | |
| | | |
| | | |
| +-------------------+ |
| |
+--------------------------------+
How difficult would it be to create something like this?
I'm trying to draw a filled rectangle with no border. Here's the code for my test project:
ActionScript Code:
myMC = this.createEmptyMovieClip("", this.getNexthighestDepth()-1);
myMC._x = 0;
[Code].....
If you take a look at the coordinates, this was suppose to draw a 180x22. Well, it looks lika it draws a 180x22 rectangle, but only if the zoom is at 100%. If I zoom in on the flash player, there are two problems:
1) the line, as it is scaled, goes over the shape edge. Basically, as the border line has 1 pixel, Flash starts do draw it half pixel up and half pixel left; 2) the rectangle is in fact a 179x21 pixels, instead of the 180x22.
I'm sending an example project on an attachment. In this example I have 2 vertical rectangles which act as buttons:
1) the first button draws the rectangle step-by-step;
2) the second button cycles through 3 different styles:
2.1) line with 1 pixel, normal border rescale. This is the style at start;
2.2) no line;
2.3) line with 1 pixel, no border rescale.
The background is a checker texture, with 1 pixel per square. This gives you a perfect look on how the line is drawn.
The drawing instructions are executed on the yellow movieclip, which serves as reference, considering that it has the desired dimensions (180x22). *
If you zoom a couple of times you'll be able to see the problems I'm experiencing.
All you have to do is to click the first vertical button several times to draw the lines, to press the second vertical button to reset the draw and to change the border style, and finally to look at the draw with some zoom in, in order to see it in detail.
So, what can I do in order to draw a perfect rectangle, meaning that the border will not go outside the shape (it would be nice that when the border is rescaled, it does it inside the boundaries of the shape) and the rectangle has right dimensions (why am I missing one pixel in each direction?).
* By the way, is there a way to draw in a movieclip using the lineTo in such a way that the drawing is on the topside instead of the bottomside? I had to make the yellow rectangle partially transparent in order to see my drawing.
for example:
var mc:MovieClip=new MovieClip();
mc.graphics.beginFill(0x000000,0.5);
mc.graphics.drawRect(0,0,100,100);
[code].....
I have two questions about drawing shapes in action script 3.0, using graphics class (flash.display.Graphics):Question 1.When I draw some more complicated shape consisted of a few simpler shapes (i.e. two circles), and the shapes overlaps, the overlapped region is inverted (is rendered as a "hole"). Is there any way to avoid that?This is simple example of this behaviour:
var oClip : MovieClip = new MovieClip();oClip.graphics.beginFill( 0x000000, 0.5 );oClip.graphics.drawCircle( 150, 200, 70 );oClip.graphics.drawCircle( 250, 200, 100 );oClip.graphics.endFill();this.addChild( oClip );
I know,I can do it using separate beginFill/endFill sections for each circle:
var oClip : MovieClip = new MovieClip();oClip.graphics.beginFill( 0x000000, 0.5 );oClip.graphics.drawCircle( 150, 200, 70 [code]....
but then when I use alpha blending, the shapes are blended separatelly. Unfortunatelly, this is not correct for that what I want to do.I need to draw one beginFill/endFill session but without "holes" in the final shape, is it possible?Question 2.Is there an action script counterpart of the Flash menu option: Modify->Break Apart ?
Draw rectangle with dashed border in flex ?
View 3 Replieshow to draw border for even/uneven shape object? it is stored in a movieclip
View 0 RepliesIs there a way to easily specify on which sides a border is drawn for Flex 4's Spark BorderContainer?[URL]But that uses MX styling which seems like a hack. Is there a better or 'correct' way without having to build a skin? It seems incredibly silly to build a skin for a 'Bordered' component when this is a very common use case.
View 1 RepliesI have been doing much research on this - including creating a custom skin but cannot seem to be able to do it. I just want to have one border around both the checkbox and label. I also want a background color which I did manage to via opaqueBackground property (setting it via AS3). Just can't seem to find the key to have a border as well.
View 1 RepliesHere's my latest attempt at rendering a dynamic rectange (w/ width, height, border_width, border_color & background_color) I'm trying to render a dashed border, and can't seem to get the code right...
I've reworked my logic about five times, and can get the dashes to render right (almost) but the fill color disappears. It's rendered using actionscript. You can see the issues if you change the border width... Anyone mind taking a look to see what I'm doing wrong? It seems like the moveTo function isn't behaving right when I get to the end of each line.
[Code]...
My basic requirement is to draw a circle inside a BorderContainer with the layout set to BasicLayout.I run this method in the CREATION_COMPLETE event of the BorderContainer object.[code]I know I must be missing something VERY basic here. Can I just draw like this OR should I draw in some other event? I know that I can create a Ellipse object and easily add it to the border container but I would like to know how I can do this using the graphics object.
View 3 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 using the draw() method of the BitmapData to encode a jpeg of part of the image. Now this should be easy enough given the object I want to draw to the bitmap is on the stage at design time so I know its location and dimetions exactly! Heres the code I have in place.
Code:
var myBitmapSource:BitmapData = new BitmapData ( street.width, street.height, false, 0x333333);
myBitmapSource.draw(street, null, null, null, new Rectangle( 96, 5, 571, 450 ), true );
I know for a FACT that no part of the street clip I am drawing out is in negative space, and it's registration is (0,0). However, it cuts off A lot of the top of my image. y=5 in the above rectangle is where I need the top to be, but it cuts the top off of the image... even if I change it to 0, it has no effect.
I'm making something that requires me to draw() the youtubeplayer Giving me this pretty error:
[Code]...