ActionScript 3.0 :: Animated Mask (shape Tween) Triggering Masssive CPU Usage?
Jul 19, 2011
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?
View 9 Replies
Similar Posts:
Nov 11, 2011
I will have three seperate pages for the motion tween, mask effect and shape tween... would you make the seperately, in a different scene, as a symbol or on the same scene with the website.
View 2 Replies
Sep 16, 2009
I'm having issues with something I used to do all the time in previous version of Flash.On my Main Timeline I have a "looping" MovieClip (myArrows_mc). This MovieClip's timeline just has some simple animation,for instance some arrows that run across screen.There are no stop() actions, so once the playhead reaches the end of the MovieClip's timeline, it just goes back frame 1 and plays again.
Now I want to animate a simple shape Mask over top of the MovieClip. However, everytime the playhead gets to a keyframe in the Mask Layer, the MovieClip getting masked goes back to frame 1 and plays.
In other words, let's say myArrows_mc has 100 frames of arrow animation. On the Mask layer, I have tweened a simple oval shape from 1 side of the stage to the other. The shape tween has keyframes at frame 1, 50, and 64.
When I test the movie, everything looks fine (the arrows are looping) until the playhead reaches frame 50. Then the myArrows_mc, even though it hasn't reached the end of the arrows animation (frame 100), goes back to frame 1 and plays. Then when the main playhead reaches 64, myArrows_mc again resets to frame 1 and plays.
How can I animate a Mask over a MovieClip (not a Graphic) at authortime?Also, I need the Mask to be either a shape/motion tween or a graphic... it can't be it's own MovieClip, because I need to keep it "tied" to the Main Timeline.
View 4 Replies
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..
View 2 Replies
Apr 8, 2010
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].....
View 3 Replies
Feb 24, 2012
I've hired a freelancer, to make a design for my flash app. And everything was fine, untill I saw this. It was an animated background. It has about 100 tweened movie clips, that do pretty much the same - simple rotation tween, but cpu usage on that background only reaches 17-20%. Its high for such a small effect. I've tried to optimize it - removing all code, and leving just timeline based tween, but that didn't solve my issue.[URL]
View 2 Replies
Feb 17, 2011
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.
[Code]...
View 1 Replies
Dec 8, 2010
I've developed a touch screen flash application for a sneakers (shoe) shop. It has a 'find a shoe' section, which isn't causing problems, and an 'about' section, which is.The about section is a heavily animated history of sneaker culture. It's animated via the timeline, not via AS3. The problem is that with prolonged use of the about section, idle CPU usage grows, and memory usage grows, eventually making the app unusably slow.
I've made a 'minified' app that does nothing other than create/delete 50 instances of my 'about' movie clip - it doesn't even add those instances to the stage. I've cut basically all code out of the 'about' class, which is shown below:
[Code]...
View 8 Replies
May 1, 2009
my movieclip button was working perfectly as a motion tween. Can you use shape tweens as movie clip buttons? I just made that change, and kept my code:
[Code]....
View 1 Replies
Jan 25, 2010
I am facing a problem in one of my animation with flash CS4 - I have nested a Shape Tween in a Motion tween to get more control over the easers and effects, unfortunately I am not able to view on the timeline of my Motion Tween the action of the Shape tween nested inside.
It only show the first shape of the Shape Tween during the entire Motion Tween and that is really a problem for me because I need to see the final frame result of that Shape tween to be able to position it in a precise way on my scene according to other instances.
[Code]..
View 1 Replies
Aug 12, 2010
If I put an if else statement in a for loop it will stop the loop till the if else statement has completed. I'm trying to run something else during my for loop. How do I do that??Here's my for loop:
ActionScript Code:
for (var i:int = 0; i < testArray.length; i++) {
chickletMc = new chicklet();
[code]........
View 0 Replies
Oct 27, 2009
I would like to edit the shape that the bone structure is manipulating and i can't for the life of me figure out how. Double clicking does nothing, right clicking offers no useful menu to get into my shape and edit. Looking back I wonder if I should have turned my shape into a movie clip before adding the bones? But Flash didn't stop me and I assumed I could go back and edit later on.
View 1 Replies
Feb 2, 2009
Can it be done in flash with some of the glow filters? Or is this probably being created in something like After Effects or Motion and then being pulled in as JPEG StillsI've looked through some tutorial sites, but most of the animation tutorials are pretty basic... and I'm not sure what to really call the effect...making searching for tutorials or forum posts a bit tricky
View 5 Replies
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)?
View 0 Replies
Sep 14, 2006
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
Sep 10, 2009
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
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. [URL]
View 1 Replies
Aug 17, 2006
Does anyone know where I could find tutorials on AS animated masks etc? Such as this tutorial ([URL]).
View 1 Replies
Mar 7, 2008
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.
View 1 Replies
Nov 15, 2011
i've got a pretty small (in my opinion) usage of motion tween on the following site: [URL]
the circles are moving around and rotating.. not that big of a deal compared to many much more flash intensive websites that i've seen.
on a few computers i've viewed the website on, this page slows down the rest of the computer, the circles move real choppy, etc so it's very taxing on the computer/processor. making this a less intense flash tween? is it something that i'm overlooking or is what my flash file is doing truly that difficult for a computer/browser to process?
View 7 Replies
Dec 5, 2011
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?
View 2 Replies
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]
View 1 Replies
May 18, 2011
I'm trying to mask multiple shape tweens for a slideshow animation I'm working on. (the transition would look just like the main animation on this page url...)
Everything works fine when I'm only masking/tweening one shape. But as soon as I add a few more dquares to the mix everything goes to hell. Can someone tell me the most efficient way to have multiple shapes tweening, while masking an image underneath them?
View 2 Replies
Jun 2, 2009
I'm making some banner ads. They work great on my staging site seen here:But they do not work great on my client's staging site. You can see that the masks are shown and there is flickering throughout:on how to solve this?I'm an expert-level user when it comes to creating artwork and doing timeline animation in Flash CS3.
View 2 Replies
Aug 17, 2009
trying to create an animated preloader.how to do a basic bar preloader but what I want is to fill a swirl shape (attached) based on the amount loaded.I can easily enough create the movie clip where the full outline is there and then it fills up but I have no idea how to turn that into a preloaded and have it fill based on the percent loaded. Am I correct in assuming I can't use a mask because of the irregular shape?
Attachments:
preloader.jpg
(22.6 K)
View 22 Replies
Jan 27, 2010
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.
View 1 Replies
Mar 28, 2010
why my key frames are disappearing when i turn my shape tween into a mask. I have shape tweened a mask ontop of a tree branch and all the frames are there as a plain shape tween, but when i turn that layer on as a mask the key frames go blank..
View 3 Replies
Nov 16, 2006
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].....
View 3 Replies
Aug 31, 2011
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] .....
View 3 Replies
Jun 3, 2011
I've managed to draw a custom shape onto a canvas and use that shape as a mask over an image. Is there anyway possible to crop the image and save it out in the custom shape?making whatever is outside the shape transparent? The only image cropping i can find is using rectangles, whereas i need a polygon shape.
View 1 Replies
