ActionScript 3.0 :: How To Draw Border Around MovieClip
Nov 5, 2007how to draw a border around image or movie clip?
View 11 Replieshow to draw a border around image or movie clip?
View 11 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]....
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]...
I'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 Replieshow to draw border for even/uneven shape object? it is stored in a movieclip
View 0 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]...
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'm trying to do some lean blitting for an object that rotates by rotating it once at startup and capturing a BitmapData snapshot of each 5 degrees. The problem I'm having is that the draw() method of the BitmapData object is only picking up pixels in the MovieClip that are below and to the right of the registration point. If I change the MC so that the registration point is in the top left corner, I sometimes get what looks like most of the pixels, but the entire object rotates into and out of the frame, since it's rotating around the corner and not the center.
View 5 RepliesI need to be able to draw a thick patterend line between 2 points in AS3, I can't use the draw API because it doesn't all me to actually put detail (pattern etc) into the thickness of the line, I thought about perhaps using the line to create a bitmap version and then using that as a mask, but I remember many years ago seeing some examples that use a movieclip as a source for a line.
View 1 Replieshow i could change the movieclip border around a circular object/movieclip.cuz know my my hitTestObject will also test on the corner of the movieClip and not the actual see able object like i show down here how coud i change this border to the second image?
View 3 Replieshow you display a border around every MovieClip in Flash. I've done it once but I can't seem to find it at all. What happens is that a blue (I think) box is drawn for the bounding box of the movieclip, and it does this for every movieclip automatically, so I don't think it's creating a border manually for every movieclip you add.
In addition this box doesn't rotate with the movieclip, instead it is just a square that completely surrounds the movieclip. If the movieclip rotates, the square just gets bigger or smaller to match.
Can place a border around an empty movie clip:
mc.createEmptyMovieClip("newName".getNextHighestDe pth());
I need to know that how to create a border to dynamic MovieClip.
I wanted to give a border to thumbnails which is coming through xml
How to give border for movieclip on run time?
View 1 RepliesI have a frame_mc that get scaled 400 % onPress with a fusekit tween. Now I'll like to anchor a title_mc to the the top edge of the frame_mc without scaling it. How to do that? onEnterframe in the onPress function?
View 0 RepliesI 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].....
How can I used ActionScript to draw on different frames of a movie clip. That is, make it so that
movieClip.gotoAndStop(0);
Will show something different to
movieClip.gotoAndStop(1);
I'm have a huge MovieClip on the screen that I need to take screenshots for only portions of it.
Here is my functions that handle this,
This function calls a function in the camera to take a picture and then displays that picture on the screen[code]...
I have a movieclip, which I created with actionscript called canvas_mc, which is where the user can draw on and then export a jpeg. I would like to add a graphic (vector drawn in illustrator and brought into flash) into that canvas_mc as a graphics drawing..[code]...
View 1 RepliesHow can I draw only in a particular mc using drawing API...
View 4 RepliesI'm still developing a game and I have some issues. Either I add a movieclip-child making it look like i am mowing the lawn or i draw graphics with blendmode.Erase erasing the top-layer.
Now i would like the addChild-solution because i can rotate, adjust size etc. very easy but ofcourse it laggs after a while. How can i make the added children into bitmaps or something? So there isnt 10000 movieclips on the stage..
[URL]
How I can draw inside movieclip/graphic element with Actionscript?
If i have example movieclip-element in my project and want to draw a single dot in its coordinate (10,10), how I can do that?
I cannot get the lines to draw onto the top of the MovieClip box_mc.At this pojnt, my solution is to change the alpha of box_mc to 0. Now I can see my drawings which are under the box_mc but keep within the boundries of the MovieClip.Maybe my thinking is too concrete, but I was trying to get the drawing lines to stay on top of the MovieClip box_mc like it was a small drawing board.I have tried place a reference to the stage in various places and use addChildAt() in order to see f I can change the MovieClip's place in the hierarchy but so far nothing has worked.
Attachments:
PencilDrawingApp.fla.as.zip (686 bytes)
I am trying to draw 4 boxes at each corner of the MovieClips but can not figure out how to detect the top right corner, bottom left and bottom right corner.[code]....
View 2 Replies