Flex :: Scale An Image To The Full Screen Using Actionscript?
Jan 13, 2012
I am still struggling with transforming my app build in Java/Eclipse to Flex/Actionscript with Flashbuilder.Now I can not find how I should implement an image to cover the hole screen.[code]...
[ X ] Problem solved I just came up with something i have some trouble to handle I've tried a couple of solution but none seems to work perfectly
What I'm trying to do is simple, get my flash to go full screen, but whatever resolution the user has, my flash must centers itself with the biggest proportion possible, and two movie clips goes right and left of it, as if they were borders.
I've been able to do this with a simple png, but i was not able with a movieclip where his dimension changes through time. ( i have a tween, so the mc gets really big even though just my stage is displayed)
// for Full Screen stage.displayState = StageDisplayState.FULL_SCREEN;// for the normal screen stage.displayState = StageDisplayState.NORMAL;But this code does not fulfill my requirement. I need Vertical Scroll Bar, even I go to the FullScreen, but I don't find any Scroll with this code.Even I tried "window.open" of JavaScript with ExternalInterface, but I couldnot succeed.
I have a Flash movie that runs full screen, but with StageScaleMode.NO_SCALE so that the actual movie size is the same as it would be if I ran it not full screen.
There is a huge difference in performance between full screen and no full screen. This is despite the movie taking up the same screen space.
I have this code to scale external images to full-screen:
function resize_image(){ pic = big_mc.swfloader; Stage.align = "TL";
[Code].....
It works fine but I want to change it so the scaling is determined by the browser height, at the moment it scales to the browser width so you lose some of the image height - Also, need to keep the images in proportion
Would anybody happen to know if there is a way to scale objects accordingly on stage when switching to fullscreen.. It's sort of like when the stage is set to "scale", and all the objects scale accordingly, but I'm trying to scale the objects while having the stage set to "noScale"..
I'm building a flash website that needs to have fullscreen enabled for the entire site. Does anyone know how to make only specific movieclips scale up in size when entering full screen mode, like various background movieclips?
In AS3 flash - I have a textField with a CSS in it that looks like this:
body { fontSize: 10%; }
When it runs, the font is small. When I click the full screen button, I expected the font to increase proportionally because I set it for 10%. However, this is not working, the font stays at the same size as when not in full screen. I have debugged the onResize event and I can see the style fontSize=10pct when I log it out.
Am I misunderstanding the meaning of % here? I was hoping it would increase the fontSize automatically when going to full screen mode, but that does not appear to be the case.
I am trying to create a website that will full scale the browser window with all the flash elements inside but I am having trouble deciding what resolution to design in and how to lock certain content to not scale.
I am trying to achieve the effect that will consist of a high resolution image as the background for each section of the website that will full screen. Content such as logo and footer etc should always remain locked. An example of this can be found at http:[url]..... If you shrink the browser window all content stays centralised and the top and bottom footer do not scale, although the central part of the site does change. I was wondering how this effect was achieved? How does some content remain locked and others scale. I really can not figure out what dimension size to design in and achieve the high res image effect for the site. I too will require a top and bottom footer.how that site was published and constructed that would be brilliant.At present I am playing around with the following code:
Essentially I have an animation with two main movie clips - a foreground and background movie clip.I want the foreground movie clip not to scale but the background movieclip to take the full screen of the browser.I'm only using vector images
I tested my skin for YouTube Chromeless player, and seems it worked properly.All graphic elements, including TLFTextFields, are stored in external SWF, all the AS3 code - in loading SWF.I use ProLoader class to load SWF.However, when I tried to attach Player skin code to my Home Page code, I immediately bumped into two issues:
1. TLFTextFields ceased to display proper font;
2. YouTube Chromeless player ceased to enlarge up to Full Screen width in Full Screen mode, whereas all publishing settings were kept the same...
Although I managed to cope with TLFTextField bug by replacing instances with vars in loaded SWF, I have no the slightest idea what to do with those paddings in Full Screen mode... Neither removing all children on stage before loading YouTube Player skin, nor compulsory resetting player's size can't make it work...
I am creating a full screen projector with flash CS4. In the projector I have more videos, starting from an swf player-
The problem I encounter is this:
The projector starts correctly FULLSCREEN (using AS). The video plays 900x506 correctly. If I click on the player, to get the video full screen, it works. But when I press ESC, not only the video, but also the PROJECTOR looses full screen.
This is a bit annoying. Is there a way to apply the "back to normal size" only to the video? I do not want to prevent the app to be exited from full screen, it's not a problem if the user wants to exit the projector full screen. But not when the user exits the video from fullscreen mode.
I'm trying to create a website with full screen background images (or possibly, a video) but don't know the best way to approach it. The Die Antwoord site does pretty much what I'm trying to accomplish. I'd also like to know how they can use such high resolution images. If I try to use a high res image, the file size is enormous.I also want to do is to be able to change the background image when a button is clicked. What is the best way to do that with large images? Another site that uses similar technology only with a video is the TV on the Radio site.
I'm trying to create a website similar to this one, where the content is a fixed width and height (i.e. made to fit a 1024x768 screen), but the background image is full screen and scales proportionally when the window is resized.
How can I achieve this full screen background using Flash CS4/AS3?
I saw this fantastic site1)How did they get the whole image to take up my moniter size?1a) Is it Flash on top of Javascript?2) How did they get the content on top of the HUGE image?
i am creating an interactive application that will run independantly on a computer.I have implimented the full screen stage display state to a btn, and it works great!
-------code----- import flash.display.StageDisplayState; function goFullScreen():void {
[code].....
however as soon as i add a video [i will be adding several] the video takes on the full screen property, and that is not the desired effect.I have used several diff ways to import the video but as soon as i call the full screen, it goes to an all black screen.
I know how to make an image full screen, also with a onresize listener. But! Because some of the images are only of a certain pixel size, I don't want to stretch them above that.So, do any of you know how to set limitations? The code I am using is:
tree_mcHeight = new Object (); tree_mcHeight = tree_mc._height / tree_mc._width; tree_mcWidth = new Object ();[code].......
It would be nice to change the background colour surrounding the image when it resizes as much as possible.
I have a variety of jpg files I wish to have as a background for my Flash web site, every time the page loads it could load any of the 65 files for example. I have created a MC for them to playback within, how can i use action script to select one of the files located in a folder at root and play it?I currently use:
choice = Math.round(Math.random()*5); switch (choice) { case 0 :
I have searched everywhere but I can't seem to find anyway to create a full screen background image. Does anyone know the code to do this? Or know of any tutorials?
I have a simple full screen flash site with mc's that are positioned in relation to the stage, and I also have a background image that is bigger than the stage that shrinks and expands when the user resizes the browser, and it doesn't distort.My problem is that when i publish it normally at 100% width/100% height I get a weird acting vertical scrollbars, so I'm forced to publish it at 98% height, which then shrinks my swf file exposing the black background giving my freaking swf an unwanted black border.
When I watch flash videos (mostly in hd and from youtube or gametrailers) in full screen, the frame rate becomes noticably slower. I have tried the 10.1 beta3 and this fixes the frame rate issue, but several times per video the image garbles. Everything runs fine outside of fullscreen. Otherwise I'm using Vista/Win7 64 bit with a 2.6 ghz Core 2 Duo, a radeon 4850 (latest drivers), and 2+ gigs of free memory. When running 10.1 without hardware acceleration or earlier versions with default settings my cpu usage never goes above 20% on each core. Does anyone know how to fix the image garblng or low framerates while in full screen?
I have a movieclip, that inside it's timeline I have a function that after loading an image into stage, call a function to fullscreen the stage. When I open my swf file alone, it just do fine but when I open it in html file, it doesn't go fullscreen. (It doesn't relate to allowFullscreen or something like that, cause if move my fullscreen command before loader complete , it goes perfect, but if i use in onComplete event , it doesn't do anything when viewing in html.
Inside my movieclip i have this that doesn't work : Code: import flash.events.MouseEvent; import flash.display.Loader; import flash.events.Event; import flash.net.URLRequest; function func1(evt:MouseEvent) [Code] .....
All the things goes right. I used the trace command. The FullScreen command doesn't work on Loader Class , Complete Event when displayed in html file
I have an image gallery which loads up an image full screen. Some of the image spills over the screen size and I would like the image to move based on the mouse position with easing, like in the following link:URL...
I'm developing a Flex application that is designed for screen resolutions of 1280x1024 and more. In the rare case that a projector is used (which usually has a maximum of 1024x768 pixels) I'd like to scale down the application (currently I get lots of scrollbars and clipping).
I've already experimented with the application's properties scaleX and scaleY as well as stage.scaleMode. However, I couldn't quite figure out a way to
render the application without scaling when the application's width and height are larger than certain values use scaling when the width or height are smaller than certain values
i am wondering from this code, it makes the stage full screen, does it also makes the content of my movieclips scaled to full screen? i have tried this code and it does not seem to do that, how can i make my content to scale to fill a stage's full screen? i have a Movieclip containing a background with a class to make special effects on the background, i am having trouble making the background be "fullscreened" nicely with the stage.