I have a drawing thats made up of (closed) ovals, which i have imported into flash from Illustrator. The ovals are simple "drawing objects", 0.1 thick with no fill. I need to find a way to animate these ovals "drawing" themselves.
View 1 RepliesFrom this tutorial:[URL] Pretty neat effect, I wanted to use this for a gallery transition, but I have a problem. Does anybody have an idea how to know when image has been completely revealed so I can stop the enter frame listener and remove this growing masks, otherwise this is pretty useless
View 6 RepliesI have a transparent png bubble in movie clips that are being randomly sized and animation started using code. The design has a reflection and I am using a gradient mask for the effect. The issue is when the bubbles animate they are causing drawing artifacts. Please see the attached screen shot or you can see the swf here - Code: bottomMask.cacheAsBitmap = true;beaker_bottom.cacheAsBitmap = true;beaker_bottom.mask = bottomMask;
View 2 RepliesAttached is the .fla. I can't seem to figure out how to make the line drawn to be under the oval (right now it's drawing above it....)
View 2 Repliesmaybe point me towards a better way to mask. png file is way too big. I have been using the mask layer option to create my own mask around a jpg image by drawing around it on the mask layer. There has to be a fetter and faster way to do this. Is it possible to maybe have a specific color range have an alpha value of 0. Similar to green screening whereas If I put the item I want to clip on a green background flash will auto take out the green for me. and by auto I mean action script maybe. I think this can be done but im not finding it.
how are these guys clipping these images [URL] they have the movie clips set up where the black background on the 3 layers of shoes is getting masked out. When I go into the shoe movie clips I see there is a black background but it just disappears when I go back to main timeline.
I am using Flex 4 and AS3 and I am trying to make it so that the user can draw a freehand line with the cursor - I have this part done.However, I also need the line to be a dashed line instead of one solid line like it is now. below is my code I am using. I have found some examples on how to do this, but they are all for straight lines, not for a freehand line.
Class File (DrawingArea):
package
{
import flash.display.BitmapData;
import flash.events.Event;
import flash.events.MouseEvent;
[code]....
I am developing a white board application which allows the user to draw line with arrow head (some like Microsoft Word line with arrow feature). I am using graphics property along with lineTo() method to draw a line. Now i have to draw a angular arrow on the last point of line. I am drawing the arrow by connecting the points around last points. As 360 line can pass through this point and each line can have a different angle of arrow.
View 1 RepliesI'm using Flash CS5's common library to put some buttons on the stage. I've gone into the classic buttons folder and dragged and dropped a blue oval button onto the stage, and it appears in the library, but the button looks totally different to the one in the library. Where the one in the library has shading and a glow effect, the one on stage looks flat, with just a primary colour and no shading or glow. This occurs whether I drag straight from the common library tab to the stage, or from the library panel on the right to the stage.
View 2 RepliesI'm trying to get a better handle on creating dynamic content, so I made a little experimental Flash file to test out programming with more robust and portable code to accomplish it (). I have two functions, one creates rounded rectangles and the other regular rectangles. I'm planning on using the regular rectangle to hold an image (which it does), and the rounded rectangle as a mask to give the appearance of a rectangle with uh, rounded corners. I've run into a couple problems with this:
1. The mask doesn't apply to the image. The regular rectangle (pictureHolder_mc) will appear and the picture (a .JPG file) will load into it; the rounded rectangle (pictureHolderMask_mc) will even appear on top of the picture. But as soon as I use the setMask() method, the mask disappears and not in the cool applying-to-the-movie way.
2. Both the rounded rectangle function and regular rectangle function have parameters for X and Y coordinates that worked fine when I was testing without trying to load an image. As soon as I did, it'd put the image at (0,0) for some reason, even with 300 passed for X and 50 for Y.
3. I've set up an onRelease() function for the image-holding movieclip that calls a tweening function, just to test out functionality. It doesn't work so hot; the mouse doesn't even turn into the clicky button cursor when the movieclip's rolled over.
Code:
import mx.transitions.Tween;
import mx.transitions.easing.*;
stop();
[code]....
Im building a pretty simple drawing board in flash, i got this code from this forum and it works fine (there is more to it but this is the drawing part)[code]This works fine. But i want to be able to erase the drawings, step by step this is ths tricky part, ive looked everywhere(ok not everywhere) but in a whole lot of places but the only thing i found is how i could delete everything with removeChild and that in not what i want. Maybe i need to change the function abowe? Please help me to get in the right direction. What should i read about /look at?
View 5 RepliesI have a button that when clicked is supposed to draw a rectangle behind my mask layer but when I try to run it I get this error:
1067: Implicit coercion of a value of type Class to an unrelated type flash.display:BitmapData.
Here is the related ActionScript Code:
fabric_mc.phoenixFab.addEvenetListener(MouseEvent.CLICK, changeFabric);
function changeFabric(event:MouseEvent):void{
this.graphics.beginBitmapFill(phoenixFabric);
this.graphics.drawRect(181, 46, 319, 319);
this.graphics.endFill
}
I am having an issue with using a motion under a gradient mask. I have a transparent png bubble in movie clips that are being randomly sized and animation started using code. The design has a reflection and I am using a gradient mask for the effect. The issue is when the bubbles animate they are causing drawing artifacts. Please see the attached screen shot. Below is the code I am using to set the mask.
[Code]...
I have a movieclip that contains code for an API drawing shape. I can use it to mask a movieclip containing an image but not a moviclip that contains a dynamic gradient.
Code:
// CREATE MASK SHAPE WITH DRAWING API
// create empty movieclip
[code].....
I'm trying to draw a mask that's a pill shape but I can't seem to adjust the linestyle properly.
Code:
import flash.display.Sprite;
var pill:Sprite = new Sprite();
pill.graphics.beginFill(0xFF0000,1);
pill.graphics.lineStyle(1,0x000000,1,false,"normal","round","round");
pill.graphics.moveTo(0,6);
[Code] .....
How do i animate a drawing line? I mean like from point A to point B, the flash will show it is "drawn" itself.Can I do it simply without actionscript? Is it possible? Because I have many lines to draw, to make it into a diamond.
View 14 RepliesWhat I'd like is the ability to draw a line with the drawing tools in Flash, and have that line appear onscreen as if it were being drawn. I don't think there's a way to do that with the animation tools (I'd like to give it a go, but I have no idea, once I've drawn a line and converted it into a symbol, how I could access the anchor points and whatnot of said line to then do some funky stuff with curveTo, or whatever better solution is out there...
View 2 RepliesHow can a create an animation of line drawing itself.
View 1 RepliesWith several flashes I'm trying to create, I find that I need to know how to depict a line being drawn or a plant/vine growing (same concept right). Obviously frame-by-frame animation can be used, but that's quite tedious. There must be some other, more productive way to pull it off. Example of the vine: [URL] I've tried shape tweens with shape hints but it didn't render very well at all.
View 6 RepliesI am looking for a smooth line drawing effect as in the pencil tool in Flash. I need to implement the same using as3.
View 7 RepliesI'm having troubles with the width of a line using the lineTo and lineStyle function, I can put setting the thickness and noScale parameters, and it works fine for no longer lines than 32000 pixels, but when I try longer line, the thickness changes to a bigger width. if you want to try what I'm saying you can prove this by changing the num variable:to 33000 for example:
num = 32000
this.createEmptyMovieClip ("Envolvente", 100);
this.Envolvente.lineStyle(0,0x00CC00,100, false, "none",
"round", "miter", 0.8);
[Code]...
i'm developing a game for mobile devices where I need to draw many objects and some lines(1~3 just occasionally).
my problem in short is: Line drawing is too slow for iPhone4
objects are drawn with bitmap, so it's pretty fast with GPU support. drawing lines are slow.
a end point of a line follows mouse cursor, so it changes every frame.
here's how i did it
initialization step:
var img:Shape = new Shape();
addChild( img );
[Code]....
that gives me 47~48 FPS on my iPhone. +2 FPS but still way too slow for a simple line.
without the line, i can maintain my whole game around 30 FPS. with the line, it goes below 20.
i want to draw a line with actionscript .Here is my code
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"[code]......
I was told that by using actionscript to animate, it will make the flash file smaller and animations smoother... is this a correct assumption?
with this in mind, I have the code:
ActionScript Code:
this.createEmptyMovieClip("myLine", 10);
myLine.lineStyle(2, 0x000000, 100);
myLine.moveTo(10, 10);
[Code].....
I'm trying to create a simple graph showing the stock trends for the past few days. In the x axis I have the dates and in the y axis I have the stock value. I have to do this dynamically and I think I can figure it out, but I need help with something else: I need to be able to (dynamically) draw the slope of the line as the user clicks on a point... something like in www_calculusapplets_com/twicediff.html except that instead of having the slider the user will click on the actual line.
View 6 RepliesI am having some trouble drawing a line between two movieclips. One of the movieclips is moved with the arrow keys. The line is created between them, but every time the movieclip moved another line is created. I would like only one line to connect the two movieclips. I am trying to create some sort of "AI." When the line hits a wall, then there isn't a clear line of sight. Here is the code:
ActionScript Code:
stage.addEventListener(Event.ENTER_FRAME, moveguard);
function moveguard(event)
[code].....
I was looking for tutorials on drawing in flash using actionscript and all of the tutorials I found showed how to create content instantly (with the click of a button etc).But I was wondering if it was possible to use actionscript to draw a line from coordinate A to B over, say 12 frames?
View 9 RepliesDrawing a simple line is easy - here's some sample code here from Kirupa:
[Code]....
My First Question is - how can you get it to show the drawing of the line - almost like an animation? This example instantly shows the line - I want the appearance that you're watching the line being drawn. Do you animate the lineTo variable and just keep refreshing? My Second Question is - can you do the same with a Bezier curve? In the end, I'm trying to draw random bezier lines from the left to the right in varying thicknesses and shapes (being able to see them being drawn from left to right).
I have a line drawing that I have to animate it has curved lines like the image attached.I have tried tweening however it looks terrible and not smooth in it drawing.this is the action script I already have so far.
createEmptyMovieClip ("curveLine", 1);
with (curveLine) {
lineStyle (2,0xffffff, 600);[code].....
right now i can create a straight line from mouse down to mouse up. what i cant quite get is a preview of that line. does anyone know of a simple way to show a preview of the line while the mouse is still down and the user is moving the mouse?what i have now:
Code:
var clip:Shape = new Shape();
addChild(clip);[code]......
I've followed the drawing api tutorial off here for MX and have got that working perfectly. I would like to adapt this now if I can so that when a user clicks a straight line will follow their mouse until they click again and this releases the straight line.
View 2 Replies