Flex :: Setting MX Image As Mask On Graphic Object?
Feb 22, 2011
I'm having trouble setting up a Graphic object (a solid filled rectangle) to be masked with an image that gets loaded at runtime. I've managed to get it to work with the following code:
<?xml version="1.0"?>
<s:Application xmlns:fx="[URL]"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
creationComplete="init()"
[Code] .....
Setting the PNG inside the <s:mask> makes the stage render nothing, while adding the mask programmatically in the init() method causes correct behaviour. It took me quite a while to figure this out and I'd like to understand what it is that I'm doing incorrectly in the MXML approach, as that seems to be what is being done in the Cookbook (other than me using an Image and the example using a Group wrapped BitmapImage).
View 1 Replies
Similar Posts:
Jun 30, 2011
i wan to change and resize image object in graphic or button dynamiclly, how?
View 3 Replies
Apr 15, 2012
I have basic shapes created using flex primitives classes like ellipse rectangle etc. Each of these are added into a graphic object.Now i am in search of a mechanism to select it and scale it (as in Photoshop Transform -dragable corners and edges, image gets scaled on dragging)
View 1 Replies
Jul 19, 2009
dows graphic.draw work in a mask ?I need to add lines to my mask dynamically
View 4 Replies
Jul 19, 2009
dows graphic.draw work in a mask ? I need to add lines to my mask dynamically.
View 13 Replies
Aug 16, 2009
I have some programmatically drawn lines, (sort of like growing vines) that I want to texture to make it look watercolor-like or hand-drawn. I thought of placing a texture image as a background which is revealed only by the lines (using the lines as a mask) should work.However, that doesn't seem to work.In a test, I have a square and a line. The square can be used as a mask for the line but it doesn't seem like the line can be used as a mask for the square?
Code:
//a line
var myline:Sprite = new Sprite();
[code]........
View 5 Replies
Jul 25, 2011
I have this image over which i have a circular crop. The user can move the underlying image and when he is ok with the result hits the crop button. How can i crop only that part of the image which is under the mask?
View 1 Replies
Dec 4, 2009
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.
View 3 Replies
Dec 2, 2010
<mx:Canvas id="maincanvas" backgroundColor="7000" width="100%" height="100%">
<mx:TextArea backgroundAlpha="0"/>
</mx:Canvas>
However if I try creating a new textarea object via:
var textarea:TextArea = new TextArea ();
textarea.backgroundAlpha = 0;
maincanvas.addChild(textarea);
flex throws the error :
1119: Access of possibly undefined property backgroundAlpha through a reference with static type mx.controls:TextArea.
View 1 Replies
Sep 30, 2009
I'm trying to convert an MXML component to an ActionScript Class. The component consists of a Form with a TextInput, TextArea, and two buttons - Save and Cancel, and a Validator for the TextInput, and other logic to handle events that occur. This component is currently extended by several other components. Now, in the MXML component binding the TextInput text property to a property in an Object was very easy:
<mx:TextInput text="{_itemToEdit.name}" />
But in ActionScript, I'm creating the TextInput and setting the text property before the Object is set, and the TextInput is not being updated:
public var itemToEdit:Object = {};
private var nameInput:TextInput = new TextInput();
public function MyClass() {
nameInput.text = itemToEdit.name;
}
How can I make sure that the TextInput text property is bound to the specified property in the Object?
View 4 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
Aug 8, 2011
I dinamically build a menu: this menu is made up of two nested MovieClips:
externalContainer_mc;
itemsContainer_mc (inside externalContainer_mc at 0,0);
itemsContainer loads a dinamic number of MenuItems: they are library objects (extending the MovieClip class).Anything works just fine, but if, when anything is loaded, I put a mask (itemsContainer_mc.mask=my_mask) upon itemsContainer, every MenuItem disappears AND it isn't even clickable anymore. What happens?
View 3 Replies
Jan 28, 2010
I have a small mask that I need to animate across the stage in response to clicking various buttons. It has to go a different distance each time depending on which button is clicked along the x axis. I can get at the starting and ending x co-ordinates. I need to develop a set of x coordinates so that the mask starts moving fast and slows down as it gets nearer - kind of like the easing effect. I figured using some sort of simple 1/x^2 expression and have spent an hour or so fiddling in excel. Trouble is its a LONG TIME since I did maths, and I can't remember what formula to use. Have tried google with "parabola", "simple curves" etc.
View 2 Replies
May 25, 2009
I have a as3 class that loads a number of images from a given location, they are all loaded dynamically with imageloader. However I'm trying to make a Xray screen for all of them, so when I click and drag the Xray screen around, it will reveal the images loaded under each picture, creating a sort of Xray effect.I tried using masks, however since the images are all loaded dynamically they are its own class with its own layers, I'm trying to make a mask that will work for all of them (I load 2 picture for each image, example car.jpg and carb.jpg, b.jpg being the inside image).so I have my stage ---> [MyXray Box, and my Images
View 4 Replies
Jul 16, 2011
How can I convert a Sprite with Graphics commands, such as lineTo() and drawCircle(), into a SVG? It would similar to what PNGEncoder does, except the output would be SVG.
View 1 Replies
Mar 15, 2011
I am trying for moving a graphic across the stage, using a png image of a vehicle created in photoshop. Top to bottom travel takes 2 secs and stage is 767 pixels height.24fps is default and I have timeline at 48 frames long.Test movie sees very noticeable jerkiness in the motion, I expected one smooth movement up the screen, I sort of see two windscreens etc. Now I seem to recall that 25fps in video editing sees smooth motion as the human eye cant't perceive individual frames at that rate. What should I be doing to get a png to run smooth ?I tried doubling the fps and timeline length, it got a bit better, I kept doubling such and each time it improved, I hit the limit at 120fps. Its acceptable now but that seems wrong to have to do that, Timeline is going to be massive as actual movie to be 20 secs. Are there settings to be made somewhere to smooth things and use 24fps ?Png is 20kb, background image is 1.28Mb as a png. Envirographics
View 5 Replies
Jan 24, 2012
i have created a slideshow in AS3 scripting to pan images from left to right or right to left. The issue i have on the slideshow is some stutter effects when the set of images are panning from left to right by one after another. Is there anyway to make the panning smoother than the jittery effect.
about using graphic acceleration for smooth effect. What is graphic acceleration and how it helps to achieve the smooth movement of images.
[Code]...
View 3 Replies
May 6, 2010
I have displayobject with vector and image data And I am trying to scale it in order to get big jpeg out of it with JPGEncoder.The thing is that once I am resample it using the Bitmap class (Matrix) and with draw method it's getting pixelated.How can I take a container with vector graphic and bitmap image and rescale it to bitmapdata without getting things pixled.This is the displayobject:The image in the center is high resolution image which I resize and all the other elements are vector graphic.Since the image is high resolution and all the other elements are vectors if I just call the scaleX property of the displayobkect it increase the contenier size and it all looks very good. But if I want to take a bitmap data out of it it's look terrible, The fonts getting pixelated and even the photo.I will like to know it there is a way to do it without getting things pixelated.
View 0 Replies
Mar 23, 2012
I have a problem with scaleX and scaleY. When I use them for images created by photoshop their graphic decrease a lot. I use scaleX and scaleY for changing the size of image so scaleX equal with scaleY. Is there another way to change the size of image in actionscript without decreasing graphic?
View 9 Replies
Mar 11, 2009
I am creating an image gallery with thumbnails on the right inside a symbol so that they can all fade in at the same time, and the bigger images on the left that also fade in. I can only fit 8 thumbnail images at a time, and want to have more than that. So I'll add an arrow below the thumbs so that when you click on it, you can see the other thumbs. I have the first 8 thumbs on the first frame of a symbol and the rest on the second frame.
My problem is that the symbol that contains the thumbs is a graphic symbol, so that the thumbs in it, that are button symbols can be clicked on. I tried using button and movie clip symbols for the thumbnails container but then the buttons (thumbs) can't be clicked any more. That was not a problem till I had to add more than 8 thumbs, cause i need to give the container an instance name, and graphic symbols can't have one.
Here is the link to download the .fla [URL]
In case I didn't make my self clear, what I need is to know if there's a way to have a movie clip or button symbol that can have buttons in it that can be clicked on.
View 1 Replies
Jun 11, 2010
I'm stuck thinking about the best way to go about setting a line segment's position, I have a class Line(length, angle, previous) being called from a class Polygon. Right now I have:
public class Line extends Sprite {
public function Line(length:Number, angle:Number, previous:Line = null) {
if (previous != null) {
this.x = previous.end.x;
[Code].....
View 1 Replies
Jun 1, 2010
my issue is this, my users import an image with FileReference and I need to mask it and then send it to server.My problem is this: I'm be able do keep the filereference event and transfer the image data into my canvas. I'm be able to send to server the result of masking.But I'm NOT be able to mask the image that my users have load in my canvas.
View 2 Replies
Sep 8, 2010
I'm looking to place an image (object) on top of the other object (default video player in Flex 4)
View 1 Replies
Aug 3, 2011
I have an Image object that gets resized to the containers size when the image loads.The images that it will load are dynamic in size so after resize I end up with a sliver of the image object's white background showing.How can I make the Image object not have a white background and be transparent.Parts of the PNG's have transparent parts but show up as white due to the white background of the object is it loaded into.
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" headerHeight="20" >
<mx:Script>
<![CDATA[
[code].....
View 1 Replies
Jan 14, 2011
I'm wondering if I can use a image as a mask. For example, a shape of a dog as a mask. I want to achieve that load in the mask as a jpg or png from disk and apply it to a image. I tried it doesn't work. I don't know if there is something I did wrong.
[Code]...
View 0 Replies
Nov 18, 2011
I recently tried using a png image from the library as a mask for a movieclip on stage. Much to my surprise, the mask is just a rectangle. I expected it to ignore the 0-alpha pixels in the image and just mask out the visible shape. I managed to come up with a work around, but I just wanted to know if it was possible to use a png image as a mask and get the shape of the visible image as the mask as opposed to the whole, rectangular image area. I totally thought it was.
View 5 Replies
Jan 6, 2011
The solution should be straight forward but I cannot find it, my problem it's that I'm reading a xml, and one of the properties inside the xml it's a Bitmap path(string), when I`m reading this xml I would like to convert this string to a Bitmap Obj so I can use through my MXMLs.
View 4 Replies
Jun 29, 2010
I have a problem which I can't resolve. The problem is that if I apply a mask to object, it shows up deformed in swf.Here is what I see in Flash CS5 (sorry for large images): And this is what I get when I compile it and run swf (or run it embedded in html):
It looks a little bit rotated and skewed to the left. If I copy and paste the movieclip with mask to a new flash document, the problem dissaperas, so I guess it has something to do with Flash settings. I tried to compile for Flash 10 and Flash 9, but the deformation remains. The problem is that creating a new flash document and copying all images to new one is not an option, because the project is ~80MB.Here are my publish settings.
View 7 Replies
Feb 5, 2011
I tried to mask a 3D Display object using some code from the AS3 reference but was unsuccessful:
var square:Sprite = new Sprite();
square.graphics.beginFill(0xFF0000);
square.graphics.drawRect(0, 0, 40, 40);
addChild(square);
myDisplayObject.mask = square;
Is it possible to mask a 3D Display Object? (Can I draw a 3D Display Object through the Flash UI or must it be done via AS3? My guess is no, otherwise more people would be doing 3D in Flash without great travail.)
View 2 Replies
Aug 10, 2011
I'm trying to add an overlay over my main scene in Flex, with a see thru.
The idea is that users can only interact with the elements exposed thru the Ellipse.
Here is my code:
<!-- Our black overlay -->
<s:Graphic width="100%" height="100%" cacheAsBitmap="true" mask="{this.focus}"
maskType="{MaskType.CLIP}">
[Code]......
View 1 Replies
