ActionScript 3.0 :: Using 3D Animated Sprite As Mask
May 4, 2010
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'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).
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 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 need to load three swf files in the main sprite (mSprite) top to bottom. All three swfs have some sort of animation, so when the first swf is loaded, it needs to finish playing the animation before the 2nd swf is loaded and the pattern follows. I am assuming, at the end of the animation, each swf need to dispatch a signal or such. All the animations are done via code not timeline.
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 would like to use Bitmaps in my Actionscript games.For me this represents a large change in my workflow as I have always used Vector but Bitmaps are really so much faster to render in certain circumstances. As far as I can see, 90% of all my game assets can be bitmaps.Firstly, are there any good tools for working with Vector to BitmapData? Libraries or OpenSource utilities?I know you can just draw to a BitmapData, and I do that, but what about Animations? What about a MovieClip of a laughing cow? How can I render that MovieClip at runtime to some kind of Bitmap version?But more complex than that What about situations where you do not have the MovieClip in a raw form?Imagine 10000 cogs turning at the same rate which is generated with code. This is hard work for the processor, so drawing it to a Bitmap for the duration of 1 revolution, would replace 10000 cogs with a SpriteSheet. I could destroy the cogs, and keep the SpriteSheet. Can anyone offer me any resources or google keywords I can search for, not sure of the technique but it seems to make sense? Especially with Starling..
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?
I have two sprites, the first is the mask and the second on is going to be masked by the first. Right now I can see the second sprite that is masked, but not the first that is doing the masking. Is there a way to show the sprite that is doing the mask?
So i have this sprite that is say arbitrarily 100 x 100 which is added to the stage. Now when content is added to this sprite the sprite expands automatically as it should. I dont want this to happen, what i want is to set a defined boundary i.e. 100 x 100, if too much content is added i can be able to scroll it. My problem is i cannot add a mask to the stage like the conventional way because i have many other boxes like this that vary in dimensions and number. I found a way i can do this but its very inefficient, what i did is i created a movieclip filled it say 100x100 with some color then instantiated it. Next i added the sprite and if content overlaps it wont be visible, only 100x100. I sort of stumbled on this and dont know exactly why this works. Any help is well appreciated, thank you.
I may have hit a limitation of DisplayObject's "mask" property. I have one Sprite that is filled with a pattern, and is the size of the stage. I have another sprite that is smaller, is filled with a solid color, and is rotated a bit on the Y axis. I am trying to mask the "pattern" sprite with the smaller sprite. It works fine when the smaller sprite is not rotated, but as soon as I rotate it, the mask no longer works.
Assuming this was some kind of limitation, the only solution I found was to use bitmaps, drawing each sprite onto a corresponding bitmap, and then copying the mask bitmap's alpha channel onto the pattern bitmap. Is there a better way? I would basically like to use 3D transformation to create a shape, but I want the fill pattern to be a 2D bitmap that is not transformed with it.
I have created a Sprite that contains 3 movieclips that act as masks for another movieclip. 2 of the moviclips have an alpha gradient but I cannot get the alpha to work. I have the three masks because they are separately animated.Here is my code.
var maskContainer = new Sprite(); maskContainer.addChild(WebPageMaskEndT_mc); maskContainer.addChild(WebPageMaskEndB_mc);[code]....
NOTE: I have also tried setting cacheAsBitmap for the 3 individual masks but no results.
I've got a sprite object that gets a custom shape loaded into it, that gets used as a mask so as to cut out a custom shape from an image that is loaded in with a loader object - The loader(loada) and shape(lines) objects are both children of the sprite object - I've added code to save out the image from beneath the mask but when the save function is called nothing is saved out, and no errors are thrown.[code]
I have run into strange behavior drawing a sprite into a BitmapData. This sprite looks fine when drawn directly to the screen. But when this sprite is drawn into a BitmapData, the sprite is being masked... but there is no such mask applied to that sprite! This "bad mask" can be toggled off and on... by applying / not-applying a different mask to the sprite I am drawing. This mask is not the same shape or location as the "bad mask".
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
I created a class, extended the sprite class, and now in the constructor I am trying to set the Sprite's width and height properties which are inherited from the DisplayObject. However, after I set this.width and this.height, and print the values, I get 0 for both.
What the heck is going on? When I view the livedocs I see that DisplayObject has width and height listed as public properties. I have been able to instantiate a Sprite directly, and set the width and height after it's been instantiated, so I don't get it.
package { import flash.display.*; public class ScrollBar extends Sprite {[code].....
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;
