Professional :: Animated Mask On An Animated Clip?
Jan 20, 2012
Am I completely hallucinating or what ? That's several years I'm working with Flash, and today, i want to do the simplest animation ever, and it just doesn't work....I want to mask an animated clip with an animated mask (a shape animation), but every time the mask arrives at a keyframe, the clip restarts to the frame 1 !!I added a piece of code to see at which keyframe it is blocked, and at every mask keyframe, the code says 'TypeError: Error #1009: null property..
I have been tyring to export an animated banner, in animated.gif format. it's a simple animated text with no gradients. it should go on top of a graphic which has some gradients and is multi-coloured and with effects (the colours are similar to the one/i used in the page) as you can see here the text looks a bit funny.url...
I'm trying to create an animated movie clip button in AS2 using CS5. The button should fade in/out as the mouse moves over and away from the button.Lets say my frame rate is 30 FPS. When I insert a motion tween on frame 1, the timeline is automatically extended by 30 frames. I then select frame 30, select the button and change the alpha value to 30%. When I drag the head marker back and forth, the button fades in and out smoothly exactly as I wanted.But I want to create a motion tween between frame 1 and 10. So I select frame 10, insert a keyframe, select frame 5 and insert a motion tween. Then I select frame 10, select the button and change the alpha value to 30% like before. When I drag the head marker, there is no fade in/out. When the head marker is exactly over frame 10, the button is faded, but when it is on any frame between 1 and 9, it is normal.
I'm developing a touch-screen Flash application for a shoe store, and it runs fine initially, but slows down toward the end of the day. I've been diligent with removing event listeners and so on. I've now narrowed the problem to be very specific - it's one section of the application causing the problem, and one part of that section:
- I have a main movie clip which contains the animation, which itself contains 5 nested movie clips, each with their own timeline. All movie clips have a stop action on the final frame. images are transparent PNGs with outer glow "filter" - the issue is not with performance as such, but with CPU increasing over time. Each time you play the clip, there is a small amount of CPU usage that 'sticks' and doesn't get freed up. What happens is that if you play the movie clip many (MANY MANY) times, then eventually it starts to slow down. Mac's Activity Monitor shows that the idle CPU usage is increasing slowly, over many times of playing the clip. It's insignificant with each play, but adds up over time.
You may be inclined to say: oh filters effect CPU, so it will be slow - but it isn't slow until it plays many, many times. Initially it's fast. I've uploaded a .zip with .app and .exe versions of my problem section. There are two files of each type: AutoPlay.app (& .exe): plays the problem clip repeatedly (I've just removed the final 'stop();' frame), so you can leave it open and come back in half an hour to see it slowing down. ClickToPlay.app (& .exe): Plays the problem clip once when you click the 'play' button, so you can click several times, let it return to idle, and verify that the idle CPU usage is in fact increasing.
Being a complete beginner in AS3 (and coding in general), I'm trying to do the opposite of what's seen in this swf (I'd like to have the spinning logo filled with the background colors): [URL]. I was thinking of a very simple way with this kind of code:
ActionScript Code: var i:int=0; var logo_vector:MovieClip=new LOGO_VECTOR(); logo_vector.x=192; logo_vector.y=140; //logo_vector.cacheAsBitmap=true; [Code] .....
But while a logo_vector.rotation makes the logo spin around the Z axis and works, the rotationX gives a black screen. AS I could see the logo appearing onone frame, I thought that caching as bimtap on each frame would do the trick but it doesn't. I tried to put the logo into another movieclip but still no chance.
I thought about drawing the logo into a new bitmap as well, and then do a work on the pixels directly to have an opaqe background and the black logo transparent but there again, I can't get the logo position to refresh properly (and can't get it to be in the center of the bitmap).
I tried to copy the sprite into a bitmap: var masque:BitmapData=new BitmapData(384, 282,true,0x00ffffff); var masque_bmp:Bitmap=new Bitmap(masque); and Masque.draw (logo_vector);
In the Enter Frame function but I'm getting an empty rectangle and if not used as mask, the graphics are not refreshed)?
I have a curved graphic that I need masked, but the mask will slowly unveil the graphic below. I'm tweening the mask on the timeline since the graphic has a pretty complex shape (a bunch of curveTo's would take forever).If I apply a shape tween to the mask it doesn't tween on curves that well unless I place a keyframe at every two frames and adjust the shape. Does anyone know if there is a better solution?
I'm attempting a neat little effect where I've got a fellow walking (already drawn and animated) and I'm using him as a mask over the top of a simple colored rectangle - the idea being, by changing the color of the rectangle, I can have a walking man with color effects happening. At this stage the square is just green, because the mask is not quite working correctly. The edges of the animated mask glitch up and don't work as expected
I've got this interactive storybook that loads each page from separate swf files into a movie clip. The movie clip is masked, and with every turn of the page, the mask changes shape so it looks like the pages are covering up the content. Once the page turn is complete, we're supposed to be left with two fresh pages so we can load more content.
Here's my dilemma: It seems the movieclip unloads itself when the mask enters a new keyframe. I don't know how to work around this. I've tried making a separate movie clip out of the mask, and animating it on its own timeline, but that hasn't worked. Nothing else reacts this way to a moving mask. [URL]
I want to create a mask from an animated line. I found out pretty quick that you can't use a line to mask, only fills. So, can I convert the line to a fill as it's being drawn? Or do I need to put multiple instances of a shape along my line at intervals?
I keep seeing requests for an animation of writing. I figured it would be easier to have the text in one layer and use the animated line as the mask. It sounded good in theory.
I've attached my test that shows the line being drawn. I was playing around with some different objects to use as masks and that's how I saw that lines can't be used as masks. I wish they could.
I've got this interactive storybook that loads each page from separate swf files into a movie clip. The movie clip is masked, and with every turn of the page, the mask changes shape so it looks like the pages are covering up the content. Once the page turn is complete, we're supposed to be left with two fresh pages so we can load more content. Here's my dilemma: It seems the movieclip unloads itself when the mask enters a new keyframe. I don't know how to work around this. I've tried making a separate movie clip out of the mask, and animating it on its own timeline, but that hasn't worked. Nothing else reacts this way to a moving mask.
Here's what I'm talking about: [URL] And the source: [URL] And the swf loaded into the movie clip: [URL]
I've got a movieclip with two layers - a background movieclip, and above that, a mask movieclip (as you might guess, this layer is masking the first). Due to design necessity, the mask is animated on the timeline across 60 frames.The problem arises when I use an Event.RESIZE listener to change the width of the parent movieclip when the browser window is resized. Any code to reference the mask, i.e
I have a site that is fairly complex, but was using a massive amount of CPU power, even when sitting idle on a page with no animations. I went through everything with a fine toothed comb, and couldn't find the culprit.So I just started removing layers one by one, until I found the one causing the problem.
Turns out it was a layer with an animated mask. I have a large black recatangle, that I converted to a mask, and then used a shape tween on it. Once that was triggered. The CPU usage went up 65-75%. Even when the movie was stopped on a frame that that mask didn't exist on. Once it was triggered, the rest of the time you are on the site the CPU usage is through the roof. I can do to fix that. Is there some other way I should build an animated mask?
Im using an animated movieclip to create a pulldown menu..the thing is that I want to anymate the buttons inside the pulldown as well..so I therefore used a similar movieclip inside the pulldown menu to make this animation
I have a movie clip that needs to move to a location when a button is pressed. I need the movement to be animated rather then just jump to the location. I think it would have something to do with affecting the movieclips _x and _y but i can't figure out how to make it animated.
I'm mainly using Flash, but for this part I need Action Scrip code. So I have a MC that when I click on it it starts playing, but it only plays one time through, and I need it to continue playing over and over again. By the way I have a function for this MC to play, so what should I add to it? This is basically my function
ActionScript Code: public function playBird(e:MouseEvent):void { sky.bird.play(); }
Attached is a FLA in which a target onPress gets a bullet hole attached to it and folds down. The fall down is made across five key-frames. In each frame the height (H) of the GIF, representing the folding target reduces this way:
instead trace(this._height) returns like this (and every time slightly different):
from frame 1: this._height=156 from frame 5: this._height=147 from frame 3: this._height=117 from frame 4: this._height=99 from frame 5: this._height=99
the problem seems to be caused by the cide line which attaches the bullet hole: this.attachMovie("bullet_hole_metal","bh"+i,i);
When this is commented out this._height traces correctly.
I have a movie clip which contain button in the library than I create an animated button which it contain movie clip, unfortunately after it publish, the animated button doesnt work.
I'm trying to do the opposite of what's sen in this swf (I'd like to have the spining logo filled with the background colors):I was thinking of a very simple way with this kind of code:
Code: Select allvar i:int=0; var logo_vector:MovieClip=new LOGO_VECTOR(); logo_vector.x=192; logo_vector.y=140;
[code]....
but while a logo_vector.rotation makes the logo spin around the Z axis and works, the rotationX gives a black screen. AS I could see the logo appearing onone frame, I thought that caching as bimtap on each frame would do the trick but it doesn't.I tried to put the logo into another movieclip but still no chance.
I thought about drawing the logo into a new bitmap as well, and then do a work on the pixels directly to have an opaqe background and the black logo transparent but there again, I can't get the logo position to refresh properly (and can't get it to be in the center of the bitmap).
I followed a tutorial to have a movie clip work as an animated menu for a website. One of the functions is set up as follows:
function do_this() { this.gotoAndPlay("frame label"); gotoAndPlay("frame label"); }
So the animated menu is going to a specific frame in the movie clip while the site is going to the appropriate page. What I can't figure out is how to freeze the menu in the state that it goes to with this function so that it doesn't revert back once the mouse rolls out of the hit area. Does anyone know how to resolve this?
I have two arrows that control an animated movie clip that has words scrolling vertically. When you click on one arrow it plays the movieclip forward, and when you click on the other arrow it plays the movieclip backward. I want you to have to keep clicking on the forward arrow to have it continue animating through the different words. I've place stop actions at the points I want the movieclip to stop animating but when you click the forward or backword button it never stops and just plays through the whole thing. [URL]
I've created a small banner ad and need to export it as an animated gif. The problem is, when I open the gif after exporting it, there's no animation. The way the animation is set up is 1 frame on the main timeline, and a scrolling movie clip as the background. There is no actionscript at all in the file.
I'm trying to put an animated gif behind a flash banner when people who don't have flash compatible browsers (iPhone, etc...) come to our website they don't see a big space with nothing there.
I tried making the gif a background for the cell that the flash movie is in, but I can see portions of the animated gif behind the flash movie, even if I set them to the same dimensions.
CS4, AS3.Windows XP SP3.I've created a pretty simple flash animation with some text that fades in and moves around a bit. Nothing fancy. It runs just fine both locally and on my client's site. I need to turn it into an animated gif so that non-flash viewers will see the animation. But I can't seem to get it to come out right. It needs to have a transparent background and it needs to run just once. Like I said, all that runs fine as an SWF.
When I choose the export option in the file menu (export movie as gif), it does export and I can run the gif but the background is definitely not transparent and the thing loops continuously. Yes, I've checked the "transparent" checkbox and also set the repetitions to 1. Neither of those settings do anything.I also tried "publishing" the gif. That's even worse. The resultant animation doesn't even resemble my SWF. It's a blocky mess when it runs. It does appear to have a transparent background but it loops over and over and again it's a blocky mess (not sure how else to explain that).
The whole thing is just about 10 layers of different lines of text that are tweened in various ways to get the effect I need.You can see the animation on the right hand side of this page: www.ssrights.com. It's the one that says "FREE! Consultation..."
PS: The gif is not in place. I currently have it set to just show a static image if someone does not have flash.
I am created a animtaion in flash AS2 no coding. Now i facing a problem because that nimation i want to GIF animated format. Anybody know how can i do that.
I want to make a background in an animation that looks like stars going by as a spaceship flies forward.I would like to make stars appear in the distance and then zoom by, very much like the windows screensaver that shows a black screen with stars continually moving toward the viewer.
