ActionScript 3.0 :: Flash Sprite Gradient Mask AS3
Sep 10, 2010
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.
View 2 Replies
Similar Posts:
Jan 27, 2009
I was trying to set up a gradient mask in cs4 yesterday but I cant seem to figure it out, its not the same code as in cs 3 and I cant seem to find anything online? (URL...)So can anyone please tell me in short how I can do that?Url...
View 1 Replies
Apr 24, 2010
I have gone through a nightmare trying to apply a gradient/soft mask. I know I will be dreaming it tonight.. Anyways. This is a link of my attempt: [URL] And the problem is FLASH CS3 is bugged to actually work out a simple piece of code:
[Code]...
View 1 Replies
Mar 21, 2011
Has there been an update this weekend thats broke masking I have tried to gradient mask an object both by using a vector mask and a png mask. NONE OF THEM WORK! Last week it woeked - and nooene else here at my job can get it to work either.Gradient masks are just shows by a square. No way of of getting smooth edges (gradients on a masked object anymore).
View 13 Replies
Nov 13, 2010
Is there a way to create a gradient mask in Flash Pro CS5? I am able to get it to work in FPCS4 but apparantly the process was changed or the functionality eliminated in CS5.
View 1 Replies
Sep 12, 2010
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.
[code]...
View 1 Replies
Nov 13, 2011
In a project, I've got 2 background (one light and one dark). My main background is the dark one and when I move my mouse I wanna show in a small circle with an alpha gradient the light one.
But I don't know how can I do that...
I try and I've got white mask with the light background in my circle or I've just got the dark background and no mask.
If someone already do that and can explain it to me ?
View 1 Replies
Dec 12, 2008
so I have the gradient mask set up going on in a external swf called "rates". In the main timeline of the main swf "cwsite" I load "rates" into a empty movie clip entitled "windowloader". Unfortunalty when I preview the whole site, everything loads but the gradient mask isnt working. If I just preview the rates swf, the mask works.This is flash player 9 with AS2. Here is my gradient mask code in the rates swf:
Code:
_mask.cacheAsBitmap = true;
main.cacheAsBitmap = true;
[code]......
View 2 Replies
Mar 16, 2009
why do my gradient color doesn't work as mask?
I thought I can use the gradient color to assign a different opacity level to my mask. isn't correct ?
It just works as a normal mask...
View 1 Replies
Apr 4, 2009
I would like to be able to make changes to a colour gradient of a sprite from my library, as opposed to one drawn dynamically. So the code I thought would look something like this:
Code:
var radType:String = GradientType.RADIAL;
var radMatrix:Matrix = new Matrix();
radMatrix.createGradientBox(120,120);
var radColours:Array = [0x3174d0, 0x15396f];
var radAlphas:Array = [1, 1];
var radRatios:Array = [0, 255];
var myLibrarySprite:spriteInLibrary = new spriteInLibrary();
myLibrarySprite.graphics.beginGradientFill(radType, radColours, radAlphas, radRatios,radMatrix);
addChild(myLibrarySprite);
I've been using essentially this code (plus a bit for say drawing a square) happily to gradient fill sprites that are dynamically drawn. I don't get any errors from this.
I have tried adding myLibrarySprite.graphics.clear() but that does not make a difference.
View 3 Replies
Apr 10, 2009
I have created a sprite gradient box as my background in my flash as3 file (using tweenmax). As i'm trying to make this a full screen swf on the browser window, i set the width and height according to the stage.
My trouble is that when I resize my browser, the gradient box does not resize with it... it only does when i refresh the window with the new width/height.
Is there a way I can put a redraw function in an event handler that will recognize the window resize? If this is hard to understand... can my background become bigger at the same time as the window is being dragged to a new size?
[Code]...
View 3 Replies
Feb 9, 2011
I have a transparent png bubble in movie clips that are being randomly sized and animation started using code. The design has a reflection and I am using a gradient mask for the effect. The issue is when the bubbles animate they are causing drawing artifacts. Please see the attached screen shot or you can see the swf here - Code: bottomMask.cacheAsBitmap = true;beaker_bottom.cacheAsBitmap = true;beaker_bottom.mask = bottomMask;
View 2 Replies
Jan 17, 2010
I want to apply a gradient mask to a movieclip that contains a flv video. I'm aware that i would need to cache the movieclip as a bitmap in order to apply a mask using actionscript, but would that work even if the movieclip itself contains an flv video?
View 1 Replies
Feb 8, 2011
I am having an issue with using a motion under a gradient mask. I have a transparent png bubble in movie clips that are being randomly sized and animation started using code. The design has a reflection and I am using a gradient mask for the effect. The issue is when the bubbles animate they are causing drawing artifacts. Please see the attached screen shot. Below is the code I am using to set the mask.
[Code]...
View 2 Replies
Jan 14, 2012
Layer 1: Linear gradient with transparency on each side.
Layer 2: Graphic symbol of an animation that runs across the entire screen.
The edges of the gradient should mask the animation on either side so it looks like it's fading in from one side while fading out on the other.Is it possible, using just the timeline, to achieve this effect? It's been awhile since I've done timeline animations but I know I've done this before I just can't, for the life of me, figure out the magic combination.I've tried changing the gradient from graphic to movieclip, I've adjusted blend mode, and bitmap caching, yet each time I run the animation the gradient is ignored completely.I read that using masks for gradients are ignored so I changing the layer back to it's original and specify the symbol as movieclip with blend alpha did nothing as well...
View 0 Replies
Jun 9, 2009
Is it possible to apply a dynamically created gradient mask on a textfield in flex?
View 2 Replies
Mar 2, 2010
my first time trying to draw a multi-color gradient in actionscript 3. So I got this code from the help docs, but I can't seem to get a vertical gradient, whatever formula or number I use for rotate, it stays stuck on the default horizontal gradient :(
[Code]...
View 3 Replies
Dec 26, 2011
I'm trying to create spinning rays in actionscript to use in my website.Below is the rough idea of what i'm trying to create.Is it possible to create absolutely with 0 images.Following is the actionscript code in which i couldn't figure out how to add gradient, transperant background and little radial gradient to create glow effect.
Code:
function CreateRays():Shape {
var ray:Shape = new Shape();
ray.graphics.beginFill(0xFF9900,.5);
ray.graphics.lineStyle(1,0xFF9900,.5);
[code]....
If you paste above code in 1st frame of your scene with nothing on your scene, it will give you sweet rotating rays!
View 2 Replies
Jan 1, 2010
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?
View 3 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
Jun 3, 2009
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.
View 1 Replies
May 31, 2011
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]
View 1 Replies
Apr 14, 2009
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".
[Code]...
View 1 Replies
Nov 16, 2009
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).
View 1 Replies
Aug 19, 2003
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).
View 4 Replies
Apr 4, 2011
I've got a sprite which I want to temporarily hide... But changing the .visible property doesn't do what I expect. The code looks roughly like this:
[Code]...
View 1 Replies
Jul 6, 2011
I'm doing a simple rotation on a sprite but there's a weird behavior where the sprite does not rotate around it's top left. I think I'm rotating along the top left of the test class instead of the sprite child. I would like to rotate the rectangle around it's top left corner (kinda like a clock hand). The code is pretty short so I'll let the code + pictures explain my problem:
package
{
import flash.display.Sprite;
[Code]....
I've read a lot of stuff about rotating around a fixed point, I've tried doing it with movieclips instead of sprites, I even copy pasted a tutorial on rotation and nothing works.
View 3 Replies
Apr 11, 2009
What do i write in the index.html file for a flash site so that the background is a gradient fill?
I know this code changes the bg to a solid colour:
<body bgcolor="#1b1b1b"> but what do I need to make a gradient like this site:[URL]..
View 1 Replies
Jun 7, 2010
I have some problem with gradient fill in Flash Pro CS5 For example I want to fill some rectangle with reflected gradient. When I click on one of the buttons in ColorMixer Panel (Extend, Reflect, or Repeat) nothing is changed - Reflect and Repeat options seems to doesn't work.
View 6 Replies
Aug 12, 2010
Where is the gradient tool in Flash CS4?
View 1 Replies
