User's Resolution Is 1680 X 1050, The Image Would Scale To That Size?
Aug 5, 2009
I am developing a flash website that will dynamically fit to the size of the end-users' browser and screen resolution. I have a 2100 X 1400 Background I'd like scaled to 100% of the screen size.
So if the user's resolution is 1680 X 1050, the image would scale to that size.
However, another problem arises - I do not want the image to "stretch" or lose quality, and that it must maintain the same aspect ratio. How can I do this?
Is it even possible to make the background adjust automatically to users screen resolution from the center of the pic (I have a big background pic and I would like it to be fullscreen without any margins).
I have been having a bit of trouble with AS3 and webcams. I have a script that connects to a webcam and then sends its output to a php script that saves the captured image. This works all except for one problem. It seems that the maximum resolution allowed for the actual Camera object is 320x240. I went to the extreme of hooking a Canon 60D up as a webcam because I have a normal webcam that is supposed to have max resolution of 1280x720 and all I can get is a 320x240 image from it. What I have found so far is the max I can get out of the Canon is also 320x240. Maybe I have been looking at this to long but I am stumped. Below is a sample of the action script where videoCapture should be 1024x768. What happens instead is a 1024x768 image is created with a black background and in the top left is a 320x240 image from videoCapture. I could obviously resize this but that would defeat the purpose being poor quality. Is there something I am missing here or maybe some limitation of Flash even?
Anyone knows a sample code/source, tutorial or example like this gallery: [URL] (resize the browser window to see the effect) What i want is a thumbnail gallery that shows more lines and/or columns according to user resolution (not is necessary to resize the images). It's the same idea when using HTML and creating a thumbnail list with <li> and "float:left".
i am trying to scale a background image to the size of the browser window. heres my code. for some reason it does not fill the entire stage, any ideas?
My swf size is approximately 1000x700. If the browser size is smaller than this it needs to scale down but if it is larger I don't want it to scale. Just like this [url]...
I've tried publishing the Flash settings at Scaleefault(Show All) which scales it but I need to stop the scaling upwards at 1000x700.
I'd have thought that I could say in the html if (width<1024){scale;} and if(height<700){scale;}. But it's not working. Should it all be done in the html?
I have been playing with this code for a couple of days and I am getting "decent" results but not consistent. Basically I want to get the users resolution and divide it by the optimum resolution and scale the page. What I am trying to attempt is that items stay the same size regardless of resolution. I realize that I will get some distortion but when testing the distortion doesn't seem to effect the overall look of the page. If I stay away from really small fonts I seem ok. Regardless you get some distortion in lower resolution anyways.
Here is the code. var userResX:Number = System.capabilities.screenResolutionX; var noXScaleRes:Number = 1440; var swfXSize:Number = 1000;//stage width var thisXRes:Number = ((userResX / noXScaleRes) * 100); var xCntr:Number = (swfXSize / 2) - (((thisXRes * swfXSize) / 100) / 2); [Code] .....
Now when I test on resolutions with similar aspect ratios 1.7 as the optimum resolution the content scales to respectable "result". But when the aspect ratio is closer to 1 to 1 I don't it squares my content. Since I am handling the x and y separate I am not sure why it would?
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'm trying to skin a canvas with an image (which is essentially a custom border for the canvas). I've been trying the backgroundImage style as well as the borderSkin style. I can't get the image to scale to the full size of the canvas though. I was wondering what the best way to go about this is.[code]...
I'm working on a flash site, but I want the site to resize to the user's screen resolution...I'm new at actionscript and flash, but what is the most efficient way to accomplish this?
I want to know which is the best stage size for a 1024 x 768 screen resolution.i see site for example in thefwa.com that are full screen in any resolution, but the need to set a stage size for their app.
I want to create a flash flip-book.How do i set the flash size to be according to screen resolution?Because i want to strech an image to fill the entire sreen.
I have a project that's 1024x768. However, on screens with a resolution of 1024x768, the users still have to scroll (the project is too big to fit in the browser window). Is there a way to allow scaling of the project only if it's too big for the user's window? I don't want the project to always scale to fit the window size. I only want to scale it down if it's too large to fit on screen without scrollbars.
Is it posible to make a flash site, which will change the size when the vistors resolution is diferent? Practicly, every visitor will see the same size of the site, even if he has 800x600 or 1280x1024??Maybe making html go fullscreen but make the swf occupy only 80% of the screen, so it always have the same proportion to the users monitors.Do you have any example?
Anybody has an idea how to accomplish something similar with the gallery in this website?
I have an XML gallery in my project that has pre-specified numbers of columns. - How it could be possible to detect user's screen resolution (use of Event.RESIZE?) and according to this to change the number of columns - and of course rows?
Forgot to mention that I load records from a database so I am not aware of the total number of images...
I'm sure it's been posted about a million times before but I've been trying vars searches and seem to always be coming up with answers to do with the exact opposite of what I'm trying to achieve! I'm creating a flash Movie that is 800 x 600 pixels in size and I'd like to fix that size so that it will always be 800 x 600 regardless of the screen resolution of the computer running it. At the moment it seems to scale by default and is winding up looking ugly on other people's computers.
I make flash util with as3. Utility like paint program and export png file your draw shape. Our users put anything on own screen and shape frame this thing with mouse. Then send me exported png. I want equal users drawn shape and png shape sizes. But users screen resolution different. I want all screen resolution my flash stage same size on screen. How can do this?
I created a swf file for one my clients using a screen size of 1024px x 768px (4:3 ratio), now my client wants to re-use the video in a bigger screen (TV) that still uses a 4:3 ratio but the screen size is considerably bigger (I do not have the exact size yet). Do I need to recreate the flash file using images that fit the new screen size, or the fact that they both use a 4:3 aspect ratio means that the image quality will not suffer?
I would like a single horizontal line to go across my 100% x 100% stage, but how do I do that? Im thinking its about knowing what resolution the viewer has, and the writing a script for the line, but how?
I am editing my website, a full flash site bought from Template Monsters and it seem there is a problem with screen resolution. When i publish the fla in flash only, it fits the screen exactly with no scroll bar but when i publish in html the flash content is bigger than screen size and menu bar stays outside the screen in the way that i have to scroll down to see menu contents and tabs.In order to make this site more user friendly I have tried to resize the screen to a smaller but seems to be not a good idea. I have also tried to use different .js and includes in order to solve the problem but still not giving the result i am looking for.
How can I make my flash Webpage displayed same size on any screen resolution of my computer? Whether it is 1024 X 768 or 1280 X 960 screen resolution, the size of Webpage (Flash Webpage) should always be same so that user don't need to use horizantal scroll bar to view all the content.
And secondly, how can I scroll my webpage vertical on moving with my mouse like in the following link: The below link also shows that it's webpage size is always same on any screen resolution.[url]...
My company sent me a video that they wanted us to post on the intranet. It's a simple powerpoint video with a narrator talking about some policy and benefit changes, etc.
I tried the exporting the video in both 720(width) and 1280 format, and found that when shown in fullscreen mode, the 1280 format was much easier to read than the 720, however, we didn't want to show it on the intranet page at full 1280 by default. So I modified the html and javascript that plays the movie so that it would show in 720 width on the page. The problem with resizing the 1280 video into a 720 space is that the video player bar (where the play, stop, volume controls are) becomes extremely small when I do this. Of course, this is because Flash generated the player with a toolbar optimized for 1280, so it's getting scaled down when I pack it into a smaller playing area.
Is there an solution to this that I haven't thought of? How can I generate this movie to get the better full screen appearance of the 1280 video, but also still show the video in a smaller 720 area when the user is not in full screen mode?
I am developing a flash based website using mxml. My monitor's resolution is 1280x768 and is widescreen. The problem is while it appears properly in my screen it doesn't appear properly in others.
-Let scrollbars take care of it : If the screen is 14 inch screen with 800x600 resolution it appears zoomed in. So that's a problem -Get screen resolution and resize using scaleX and scaleY : The graphic components will get resized but fonts give problem.
I have created a website 900px by 600px, and need to know how to make the site so that its size is dependant on the users resolution.( I have had complaints of the text being too big in 800 by 600, but too small in 1600px by 1200px) the site itself is created in flash 5 if that is of any use.(although wouldn't it be something more to do with the html coding?