ActionScript 2.0 :: Interactive Storybook - LoadMovie With Animated Mask
Jan 25, 2005
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 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]
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'm new to flex/flash cs5, but am an experienced coder, and am trying to help a friend get a site built quickly so they can graduate. They would like their image gallery that displays their portfolio to have:thumbnails floating around slowly and bouncing off of one another - mouse hover would freeze and then resume animation after the mouse leaves - when clicked the thumbnail would grow to the full size image and be displayed in the same window as the floating objects Something similar to whats found at: Flash and Picasa gallery with those other features would be perfect, but without the Google RSS aspect of it. Might anyone know where I could be pointed in the right direction for accomplishing this? Or possibly could be given technical names for the effects I'm trying to implement so I can look them up easier? Perhaps even a link to download something with the floating/bouncing element for the thumbnails, then I could figure out the code for the other effects needed.
I need to make a interactive animated character, that would react to clicks in certain places, but instead of bitmap/vector animations, there would be video clips embeded in the swf. The video clips would be played in various combinations.Let me give you a example.
Start: A looped video of a person idling.
Start/hotspot1: The looping video fades-out, and a video of a person jumping up fades-in, plays, then fades-out back to the loop.
I have to embed the videos, so that there won't be any buffering. I tryed to embed the video, and use commands like gotoAndPlay(), gotoAndStop(), play(), stop(), but if I have more than one embeded video I start having problems controlling the clips.Here's one of my unsuccessfull attempts:
Clicking on the HS1, should fade-out VIDEO1, fade-in VIDEO2/play it/fade-out, and fade-in VIDEO1 again.
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 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 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 loading several thumbnails from out of a database into flash, everything is stored as it should. Then i create a Rectangle called "mc_mask". This one is created as it should with the correct values. Then im looping through this for(){}. As you can see im duplicating a movieclip "mc_thumb_holder" then eval them to my array, there im loading in a Movie with .loadMovie(thumb); Now when i set the rectangle as a mask on each of the duplicated movieclips it wont work. So my question is:
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 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 have a startDrag function set up on a loader and mask that when the mouse is down on the loader it drags, when not it doesn't. There is also 2 buttons that control whether mask1 or mask2 is used. What i would like however is when the mouse is down - the area of the loader outside of the mask is visible but only by about 10/20% alpha, that way the user can see where all the image is while dragging. Is this possible? Full code can be seen below and i have attached the zip with the .fla file:
what i am doing is to make something along the lines of the "scriptable mask" tutorial Inigo was kind enough to put up.My idea is to have a large mask behind the whole of my flash site, this masks a colour image with a black & white one (nothing tricky). The image I am using is actually 5 separate images combined, and each is a pic of certain parts of the site.I also have a very basic set of buttons along the bottom... each corresponding to each section.
All I want is to set it up so that when I mouse over the buttons, the _x of the mask moves to correspond with the correct image... really very basic... or so I thought .If anything it should be easier to do than what is in Inigo's tut (where he uses the _x of the mouse to move the mask)... i just cant seem to get it to work with a nice easing effect (its easy to get the mask to simply snap to each coordinate, but I need it to smoothly move).
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
maybe 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.
ive gotten one movie clip to mask another in the actions frame but i cant seem to be able to mask the flames which are a shape with a movieclip in this as file. im not getting any errors but the mask isnt covering anything look near the bottom at s.mask=mask_mc; there are about 20 "s" shapes spawning per second if that has anything to do with it
Code: //this package turns an mc into a flaming button that calls a javascript function package { import flash.display.MovieClip;
I have been creating a gallery for a client that changes preview images in response to thumbnail images being clicked, I have the basics working but now my client wants further interaction in some of the previews that include using buttons on the preview images that either open a web page in a new window or switch between more preview images. The problem is the new buttons that appear are embedded on the initial preview images (which are set as movies), and for some reason the interaction that has been added to these movies is stopped when run in another movie. Sorry if that sounds complicated!
I've searched every possible actionscript forum for this and i cant seem to find it. How can i create an "area" of blur which blurs everything beneath it?Like some kind of masked blur effekt?
Whenever I export a .fla to an animated GIF, the resulting image looks rather pixelated. I've seen other GIF animations online that look less pixely than mine. Are there some settings that I don't know about?
I recently got Flash CS5 and began working with it on some things. One thing I was making was a simple animation that I was going to publish as an animated GIF. However, upon completing my animation, I've been unable to publish it as one. I can get it to publish as a GIF, yes, but it only shows the first frame.
My Publish Settings for GIFs in Flash CS5 are as such:
I'm creating a simply animation with background images fading in and out. I've done that part.Now i want to add some animated text (simple scroll to middle of movie), i have it fading in ok, but i want to make it look a little bit more realistic.By this i mean, i'd like it to move towards the centre of the movie, but slow down before it stops at the centre.At the moment it simply moves accross the screen at one speed and then stops abruptly. Doesn't look good.
I'm trying to make an interactive map, whitch the size is 2880 - 2090, and the problem is the zoom in and out, I Want it to start with the magnification of 60%?