ActionScript 3.0 :: Draw Border For Even/uneven Shape Object?
May 25, 2011how to draw border for even/uneven shape object? it is stored in a movieclip
View 0 Replieshow to draw border for even/uneven shape object? it is stored in a movieclip
View 0 RepliesMy 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 Repliesneed to draw the shape of a existing movieclip which is irregular shape.
View 2 Repliesneed to draw the shape of a existing movieclip which is irregular shape.
View 1 Repliesis possible to draw a border around an arbitrary Shape (or Sprite) dynamically with ActionScript? From the IDE is really easy, just select the line color and click the Shape with the paint tool (S).How can we the same with Actionscript?
View 0 RepliesIs it possible to draw a border around an arbitrary Shape (or Sprite) dynamically with ActionScript? From the IDE is really easy, just select the line color and click the Shape with the paint tool (S).
View 3 RepliesI 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]....
I've got a complicated shape in a MovieClip.Runtime i want to change the stroke width of this Shape depending on a size ratio.
How can I change this property without redrawing the entire Shape with the drawing API (almost impossible, is a map with very detailed borders) ?
Here'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.
Draw rectangle with dashed border in flex ?
View 3 RepliesI 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 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]...
I have a class; "Game".I have a bitmap in the library; "Grass"I want to be able to run a function from the main timeline that uses the bitmap inside of a movieClip.My current attempt is as follows; I make an instance of "Game" and have an .as file for Game that has:PHP Code:
package {
import flash.display.MovieClip;
import flash.display.Shape;
[code].....
I look up AS3 api,I know AS3 can draw circle,Ellipse,Rect. Is there an api to draw diamond shape? How to draw it. I want to make two diamond shapes cross,and make one diamond shapes from long to short. Like star effect.How to realize it?
View 2 RepliesI use following statement to draw a shape[CODE]for(....){ sprite.graphics.beginFill(..); sprite.graphics.drawRect(x,y,1,1); sprite.graphics.endFill();}[CODE] But I find above shape is not vector shape.Because I change the IE size,I find the size of shape don't automatic change. How to use sprite.graphics to create vector shape?
View 3 RepliesI look up AS3 api,I know AS3 can draw circle,Ellipse,Rect. Is there an api to draw diamond shape? How to draw it. I want to make two diamond shapes cross,and make one diamond shapes from long to short. Like star effect.How to realize it?
View 1 RepliesIs there any way to draw text in a DisplayObject or Shape using only ActionScript? The only way I can find on the web is by creating a TextField, but I can't add a TF to a DisplayObject or Shape.
DisplayObject implements IBitmapDrawable which can be passed as an argument to the draw function of a BitmapData object, which then can be drawn using graphics.beginBitmapFill.[code]...
how to draw the attached shape progressively over time?
View 9 RepliesI am trying to draw a line that goes from point A to Point B. Along the way there are objects (of any shape) that force the line to go around them in order to reach point B. It cant go through them. This is like directing someone using a map. You can only draw a line between the blocks / along the streets.
I tried that using collision tests. Fine, I can now find the coordinates at that instance, but I still cant get the line to go around the object before proceeding to point B.
How do I draw a square shape with a gradient fill in AS3?
View 3 Repliesdrawing out line that will serve as a mask im tryin to animate a drawing out of a line, but the line wont be an animation itself, itll be used as a mask that will reveal outline of a rectangle i'm starting right now and im on this stage so far, the problem is i dont understand why this line is not drawing out horizontally, while it should variables xpos and ypos are coordinates of the position i want to start drawing it from, xcor and ycor are the cooridnates that will be used to stop drawing once it reaches this point, then jump is how fast i want the line to draw(amount of pixels) ps:the type is there because i will also make another case for vertical line.
Code:
lineDraw = function(type, xpos, ypos, xcor, ycor, jump){
this.createEmptyMovieClip("temp", this.getNextHighestDepth());
this.temp.lineStyle(5, 0x003300,100);
if(type=="horizontal"){
[code]....
How you draw squares for example in AS (if at all possible) and using shape tweens in AS (again if possible).
View 3 RepliesWhen I draw a path with the pen tool, and fill it, it seems as if the shape now has two parts. If I drag the filled area around, it's breaking apart from the path (or border). So how can I make this one entity?
View 3 RepliesI'm using Flash Builder 4 and am in the process of learning. The short and simple explanation is, I want a tab navigator that has tabs that look like this: I know I could do this using an image-based skin, but I figured (and could be wrong) that programmatically drawing the shape would be better in terms of scalability. As long as I get the result I'm looking for, I guess I don't really care if it's mx or spark. I tried doing this:
[Code]...