ActionScript 3.0 :: Create A Screenshot Of The Current Visible Area?
Nov 15, 2009
I'm making a first-person adventure game where I have the different frames in the root movie be the various locations that the user can interact with. I want to have fading transitions between the scenes and I was wondering if this was possible in flash. What I've tried for now is to create an array with all the current children then when the frame is changed I add those objects on top of the new frame and use a (alpha) Tween object to fade them out. This doesn't seem like a good idea and feels very hackish, so I had a few questions:
1. Is there an event that is called when a frame is changed (Event.FRAME_CHANGE doesn't exist ) since the way I'm doing it now is to have a local variable which I compare with this.currentFrame.
2. This may sound weird, but is there a way to create a screenshot of the current visible area and use that as one would any other visible object? This would allow me to Tween that one out instead of the array of children that I'm using now. I know it's possible in OpenGL, to render the current view scope to a texture array, but does Flash have this capacity?
PS: This is all done inside a separate class, in case that matters (I am very noobish).
I have a movie clip named circle_mc(see the image on the link below) and a mask object(movie clip) which determines visible area of the circle. User can change the portion which is visible (extend the red area and make it red+blue, gray area is invisible). I need to find proportion of visible area to invisible area (red+blue/gray) so that I can calculate angle.
Is there a way to take a "screenshot" of what is currently being displayed on the stage? Or even better, a part of the stage? Don't get me wrong- I know how to take a screenshot *myself*. What I want is to have an option within the *SWF* to generate a file (jpg, png or gif are all fine) of what the current stage looks like.
It sounds like a fairly easy idea / request but I have no clue how this would be done... It's for a shop (idea) where people can patch together their own design to be printed... but in order to do that, I would have to be able to generate an image of the completed design.? Am I missing something that's already integrated in Flash?
I have a print function that is supposed to print the current visible view of an mc...the mc contains a map that can be zoomed in on and panned...I want to only view what the mc shows...and I had this function working before...but I have made hundreds of changes to my code, without testing the print function along the way, so I have no idea what I did that may have broken my function..
I want to make a screenshot of custom as3 ui element (which was extended from Canvas), and then upload the image on the server. a small example of this?I am trying to do the following:
// This is UI component extended from Canvas var chessBoard:ChessBoard = new ChessBoard(); // I displayed pieces on the board, but didn't add it to the stage (I just need a
In many cases the pieces have artifacts outside of their visible area. For example, a piece can have a picture of a dog's face, but one of the long ears is off to the side, outside the visible region of the piece. The path data is extremely detailed, so our designers didn't crop it off. They used a mask (at least I think it's a mask, I'm not a graphics guy and know little about that stuff) and this makes it invisible in Flash, when we turn them into movie clips. Also, in Flash when I look at the width and height of the piece, it does reflect only the visible area.However, in ActionScript when I try to get the width and height using, for example
Code:
pieceObject.width
I get the width of the piece including the part that is hidden, i.e. a larger width than the visible area.Is there a way in AS 3.0 to get the height / width of the bounding box of visible area only?
I have a AS2 movie clip that has a drag navigation. The movie clip is bigger then the visible area. How can I find the center xy of the current visible area when I stop the drag?
I'm working on a game where if the person puts there mouse over a card, it should pop out over the other cards, and when moved off, the card should go back to where it was, i can get the card to pop out no problem, and go back to it's location, the thing is, i don't want the card to go back when i move off the entire image, only when the mouse moves off of what was originally visible, and i'm not certain how to obtain a pre-visible area that i can use to test if the object should still be over all the other cards.
I'm trying to know if there's a way in ActionScript 3 to load a PNG image and make some sort of button or sensible area applicable only for the visible area of that PNG??Maybe there's a simple way to define a polygonal area on execution time, I mean, dynamically and make it sensible to mouse events??
I am trying to determine the global coordinates of the visible rectangle that is currently rendered on the stage.
Specifically, if a canvas has an explicit height and width and is a child of a panel that has a scrollbar, the scrollbar can "hide" a part of the canvas. ContentToGlobal(x,y) provides the global position of the content at the time, but content coordinates can scroll off the boundaries of the parent panel and continue to give x,y coordinates that are not visible.
Is there a way to determine the viewable rectangle that is not hidden by anything?
I've got the following situation, where I have an outer Vbox that is set at a fixed width, and then inside it there is a header made from an HBox and a content area (Canvas) that is much wider than the enclosing VBox (and therefore requires scrollbars on the outer VBox to see it all).
I would like to set the width of the header to fill the entire width of the outer container, but only the visible part, and to remain fixed so that when I scroll to view the content, the header doesn't move.
I have camera input app in flash (AS3) and I draw some graphics over it. I want to take the image snapshot of the stage visible area but only the video an graphics I draw over video. I want to exclude controls from the image snapshot. My display object layout is in following relation:
Stage size is fixed and I want to take a image snapshot of everything that is child of my canvas element (camera input video and overlayed graphics, but excluding controls). I am able to make this image snapshot when overlayed graphics are inside the bounds of stage size. I do it like this:
var bmpd:BitmapData = new BitmapData(canvas.width, canvas.height); bmpd.draw(canvas, new Matrix(1, 0, 0, 1, canvas.x, canvas.y));
But this gives me unwanted result when graphics which I draw on top of video on canvas exceed the bounds of stage display area. How do I limit the image snapshot only in the bounds of visible area inside stage?
I have some movieClips on stage which are draggable and I don't want them to be draggable outside of a visible stage area. Problem is these movieClips are inside a sprite which is panable and then for whatever reason this bounds doesn't work anymore as I intend it to. How do I fix this bounds?
Code: var arr:Array = [m1,m2,m3,m4,m5,m6,m7,m8,m9,m10]; var thumbSprite:Sprite = new Sprite(); addChild(thumbSprite); for each (var item in arr) { item.addEventListener(MouseEvent.MOUSE_DOWN, startDragCard, false, 0, true); [Code] .....
What I'm trying to do: build a super simple button skin (say a small circle when in up state, slightly larger circle when in over / down states) that has a larger mouse hit area than visible area. In other words, I'd like the button to look like a 5x5 circle when in up state, but transition to over state when the mouse is in a 15x15 pixel area around such circle - in order to make clicking on the button easier.
What I've done in the past is to use a transparent ellipse behind the the visible ellipse. This works nicely but seems like a waste of memory (not much, although if you start having a lot of these buttons it adds up) and rendering cycles (transparency). I thought I could avoid this by wrapping the ellipse in a group with a given size and listen to its mouse events, but somehow no mouse events seem to fire on such a group - not sure why.
I guess I'd love to know if anyone knows an efficient way to do this. Also would love to know why such a group won't fire mouse events, but I guess that's secondary. Simple code snippet below:
Is there a nice and not much processor consuming way to move all TitleWindow instances within the application visible area when the application been scaled - change it's width or height ?
I was certain that this type of problem would have been previously discussed here or in a tutorial. I have looked quite a bit and could not find anything that puts all the pieces of my puzzle together.As the movie is playing (looping), I would like the movie to stop at the current frame whenever I click and hold the mouse down within the area of the container. Furthermore, I would like to be able to scrub the movie backward if I drag my mouse to the left within the container and as I reach the left end of the container, the movie is at the first frame. And similarly, I would like to scrub forward if I drag to the right within the container and as I reach the right end of the container, the movie is at the last frame. On top of this daunting task, I would like the movie to resume playing from wherever I have released the mouse.
Here is a file that I have started and I am pretty much at a loss as to where to go now. I know it has something to do with where the mouse is relative to either side of the container, but...how does one get it to work?Basically, I would like to emulate the functionality of the QuickTime Player - the one where you can grab the slider and drag it left or right to scrub in either direction and then upon release of the slider it resumes playing.I do not understand the media components in MX 2004, maybe this type of thing is "easy" to program in to one of those modules?
I 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:
I'm trying to create a menu, where some buttons becomes visible when the user "rollOver" a box the buttons is beneath. Look at http://www.grupotecnimede.com/ menu system, at the main page. I place my buttons within a MC, and gives the MC this AS:
[code]...
But when I move the mouse over the buttons, they aren't enabled, probably because flash got the idea that the MC is above the buttons, and that the MC is a button.
I made a movie (looks like a button). Inside that movie, I have frame 1 - 36 for MOUSE_OVER, and the rest for MOUSE_DOWN. Frame 1 is for MOUSE_UP. I've assigned name to the movie home_mc, then went to scene1 and place a script on frame 1 (in separate layer):
home_mc.addEventListener(MouseEvent.MOUSE_OVER,but tonOver); function buttonOver(event:MouseEvent):void { home_mc.gotoAndPlay(1); home_mc.removeEventListener(MouseEvent.MOUSE_OVER, buttonOver); }
The movie plays correctly,but whenever I move the mouse (while its still on the button), then the movie plays again; to me it looks like its a hitArea() not configured.
To check that I have set a button and placed my home_mc movie in OVER frame.
What would be the best approach to create a map that has attributes that need to be individually made visible or not.For instance a map of a state and want to be able to click one button to make cities visible and another to see highways, and turn them on and off separately.
I would like to integrate mp3 sound file into web-page using Flash, just to play it if some event occurs. It seems to me, the easiest way to do that is to integrate a small swf file into web-page and send path to mp3 file as parameter in element. So basically swf gets path to mp3 file and plays it.
Is it possible to make flash element (swf file) without a picture or without scene? It looks like, flash element always need to have a visible screen, but I don't need it because my flash component doesn't need to show anything to a user.
i want to keep track of what frame the current flash movie is on. I've come across "_currentFrame" so i guess that's a step in the right direction. What i need though is a listener which will always give me the current frame.
What i am doing is having director MX 2004 call a frame via a label in flash and then i want to load on image based on what frame number it calls.
so i reason something like...
if ( _currentframe == 4 ) { // display picture in pictArray[3] from xml }
I am trying, this time, to create a scroll area text. Where after pressing a button, a text will be added to the textarea below the previous text. Although, dont know why, its not working.
i am using this code to add the text to the textarea and then trying to scroll down and add more text bellow the previous one. where m_text is the name of my text area.
how to create an area on my flash website that is editable by others? I'd like them to be able to add photos online. So... a photo album type thing?how to achieve this? I'd like to have the uploaded images specified / limited area space (eg.75 pixles x 75 pixles) so the user could see it online after it's been uploaded. I use flash 8.
I am trying to create a button that when pressed will make an movie clip visible and set it to a specific position on the screen. When this same button is pressed a second time the movie clip will become invisible.
i am trying to create a listener that will detect if the mouse is outside an area (an imaginary box if you will) and when it goes outside that box I want to put in a gotoAndPlay action, I know i have seen it done, but can't find anywhere it has now and i don't even know how to begin to make a listner, could anybody help with maybe some sample code i could borrow? I am sure this will have to deal with if _x.mouse is less than so and so or greater than so and so and _y.mouse is less than so and so or greater than so and so, then gotoAndPlay,
