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?
View 1 Replies
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..
View 2 RepliesBeing 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 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
View 5 Replies 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]
Does anyone know where I could find tutorials on AS animated masks etc? Such as this tutorial ([URL]).
View 1 RepliesI 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 want to move an image and it's keyframed animated mask to a new position.
What steps do I need to undertake to accomplish the seemingly impossible task?
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
parentMC.contentMask.width = stage.stageWidth;
parentMC.contentMask.x = frame.width/2 - frame.contentMask.width/2;
Simply results in the mask animation not playing at all.
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'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...
View 3 RepliesI 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:
[Code]...
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
View 1 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.
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;
[Code].....
I mean i need to make a text to follow a curved line, something similar we have in photoshop. How do i make that here? I need to write a 3 words sentence which will be placed above and below a circle. Circle contains a logo, but i need to write the text, but it needs to be rounded as well. I don't want to break apart and rotate EVERY letter in those 3 words.
View 9 RepliesI'm trying to draw this hint box and was wondering if anyone could explain to me how to draw a curved line like the one below in flash?
View 4 RepliesI want to 9 scale the line in the shape of 'U' so that i can increase the width in a manner that the rounded corner of the line not got spoiled and I also want to resize (in proportion) it without spoiling it's rounded corner. Right now I have done it in the distinct files but I want to do these both properties in a single file.
View 1 RepliesI have a circle component in my application , divided into 4 sectors. My circle component is such that I have an outer circle and an inner circle, with a small gap between the two circles. Now I want to place the curved text in this gap for the four sectors, curving along with the circle.. How do I achieve this?This is my circle component:
package components
{
import mx.core.UIComponent; the circle.
I'm making a game with a health bar and I am trying to make a health bar that is curved.Currently I have a lineBar that has 20 segments that looks like this at the bottom left of the screen.What I'd like to do is write a function that goes through and modifies the scaleY of each to get a curved bar.I can easily scale them down in a straight line. So that it looks triangle ish
View 1 RepliesAny idea on how to curve a line and bend the texture along with it?I tried lineBitmapStyle with curveTo, but that doesn't bend the texture.I was thinking of using a for loop to draw the curve using lineTo, and using a matrix to rotate the lineBitmapStyle...but it isn't working out to well.
View 0 Replieshow to make a scrollbar that goes along a curved shape?
You can download a png of the shape I'd like to scroll along. (the edge)
[URL]
Anyone know how to make a scrollbar that goes along a curved shapeYou can download a png of the shape I'd like to scroll along. (the edge)[URL]
View 14 RepliesI need to attach a series of mcs to a curved line. These mcs are attached through actionscript with the attachmovie code, they do not tween, just attach at intervals one after another. Its hard to explain i know. When the user presses a button on the screen the first mc appears at the start of the curve, another press attaches another mc perhaps 10px inwards on the line and so on.
View 2 RepliesI was wondering if its possible to mask multiple MC or Sprites under one mask, when using AS3.abc.mask = a;cba.mask = a;something like that
View 2 RepliesThis one concept has been bugging me for days now and I can't seem to solve it. You see, I'm trying to rotate my enemies along an uneven surface. So far, they follow along it perfectly, using my hitTestPoint collision checks.But I don't know how to rotate the collision points and thus rotate the movieclip along the curve so it remains clipped to the ground like in Fancy Pants Adventure 2 or a tanks game.Here is what it looks like right now
View 3 RepliesFlash has some serious problems with jagged edges on curved shapes. When adjusting a curve on a shape, flash shows that it is curved and then on releasing the mouse it turns into a sharp edge
View 1 Replies
