Web Development :: Save Cropped Image From Custom Shape Mask Action Script 3?
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.
I'm putting a mask on an image that is being animated around the stage which works fine, but when i change the mask using as3 the mask stops following the image and stays in one place.. while the image moves around the stage... is there a way to force the mask to stick on the image?
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 need the user of my Flex application to be able to save a snapshot of part of the UI to a local jpg file. I got the screenshot part down - can generate an image out of any given control. However, the only way I see to let the user save the image locally is to send to my server which would return it with the appropriate Content-Disposition.
I have a custom item renderer which displays a different gif in the row depending on data value from the data object. When i set the image source url using the absolute path and not embedding it works fine however when i embed the images i find that when i scroll up and down the grid the images get messed up and sometimes sit on top of each other. why embedding images in my hbox item renderer is causing so hassle;
code public var equipment:Image; public var compr_icons:Bitmap = new AssetManager.COMPUTER_ICON;
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;
I'm looking for a script which allows the creation of a custom selection on a image online. This step is just after an upload. As a picture is worth a thousand words:
I am a .NET Developer, but the question I am having is not related to .NETPlease keep this in mind even if my question sounds very trivial.This is my question:We have an swf in the browser, which communicates with a java extensionIts done using Smartfox Server(Used for MMO apllications)From the swf we are grabbing a portion of the screen as "Byte Array" in action script(3).And in Java, we are calling a function that converts the ByteArray to Image and then saves it.ur Java developer is encountering the errorSo basically, what I would like to know is this:How to accept the object type Byte Array from ActionScript in Java?Whats Java object type that is mapped to Byte Array in ActionScript?The conversion part is easy, I dare say. code in the ActionScript Section
public function savePhoto(uName:String, ba:ByteArray, descr:String):void{ var obj:Object = {}; obj.arr = ba;
Is there any way to display a border around the shape that is being used as a mask over an image? I've created a custom shape using points and set it as the mask over an image... But when i set it as the mask the lines between the points disappear.
I have a list of 700 words that I would like to convert to symbols in Flash for a flash card game. I'm trying to make a game where a random symbol from a slice of the array of symbols will come into game play until the user performs an action.Basically, I'm wondering how I can create an arrayed/indexed library of symbols from a dictionary, for a downloadable Flash game. Does anyone know how I could start to script this? Also, if I want to pair a 'word symbol' with its translation, do I need to use a database? Obviously, because it's a flash-card type game I'm working on, the translated symbol is just as valuable as the original-language symbol.
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?
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.
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.
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..
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
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] .....
I'm using Flash CS4 on a MacBook Pro with Snow Leopard OS X 10.6.1.I've added two shape tweens on two layers in my main timeline. The SWF tests fine. All is good.I close the document.I open it up again and the tween shapes are gone and there are only regular frames between the transitional shapes in their respective keyframes.I've already added shape hints, and they are completely restored when I convert the intermediary frames back to shape tweens.Exporting to SWF after restoring the shape tweens works fine.
Closing and then opening the FLA still results in the shape tweens reverting back to regular frames.Exporting an SWF from the newly opened document shows no shape tweening as it is gone from the main timeline.Is this a bug or am I doing something wrong?
I'm trying to save a file that has several shape tweens. I create the tweens and preview the file and everything works perfectly. However, when I save it and reopen the file, the tweens are gone.
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 am running Mac OS X, I recently added a shape tween to one of my fla's and I click save, the save bar pops up but when I re-open the file, everything is fine except the shape tween that I added earlier. The shape tween will not save but saves in the swf.
My application will need some windows but I can't use the popUpManager to handle custom components so I'm thinking to implement a new window system. But I still don't know how to merge it with my custom components.
I am trying to create a county map of Illinois using x,y coordinates from a shp file. I have the x,y coordinates and the county names saved in a CSV file that I have no problem reading in via ActionScript 3 (and the map looks great), but in order to save time in my future application I would like to save each county shape as a permanent shape in my application and give them labels, i.e. Sprite1 (label='Champaign').
In case this is not possible I am trying an alternate solution: I create a new sprite (var spr:Sprite = new Sprite();) for each county, draw it using spr.graphics.drawPath, and give it a name (spr.name='Champaign') and then 'push' it to a vector of sprites (var xy_sprites:Vector. = new Vector.();). This would be great, but it doesn't work when I try to loop through each sprite in the vector and add an EventListener to that Sprite to pop up the name when you MouseOver any of the counties. Is the Sprite data type not the correct way to go about this or am a missing something about Sprites?
Some of my code to draw the shapes and save in a vector:
function drawXYMap(str:String):Vector.<Sprite> { var arr:Array = str.split(" "); var xy_Sprites:Vector.<Sprite> = new Vector.<Sprite>();
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.
I am developing a small flash application. In my application a user can draw a painting. I want to capture the drawing process as a video, and later allow him to view how he painted the drawing. Is such a thing possbile? If so how (do I need flash media server for this)?
I have made an app that draws shapes using the lineTo method to create a pen like effect. I then want this shape to be filled like the bucket tool in photoshop/flash. I tried to use beginFill but it doesnt seem to work.
What I'm trying to do is to create a fancy custom-shaped login panel. It's functions and containing components should be pretty standard, just like in regular login panel - FormItem, TextInput, Validators, etc. I did some research and found that it is possible to create skins using Fireworks, however this does not solve my problem because it does not allow me to manipulate with panel shape. What would be the best way to do it?
The idea is to fill some custom curved shape surface with generated circles with various radiuses. Look at attached image.
Well, I assume I know what approach I should use, but getBounds() will not work in my case, since the shape is not a square. So I think I need to get the 'targetCoordinateSpace' of a custom shape, but I don't know how to do that and I'm not even sure if that will work.