Flash :: Resizing Background At Flash Full Page

Full Page Flash & Resizing
Many parts to this question...I'll try to relate it properly:

I want to have a tiled background on my site, with flash elements and navigation that sit on top, but repsond to resizing. Here's an example:

http://www.christiansparrow.com/

Definitely not going for that much animation (it looks awesome but complicated)..but I want the same idea of having things kind of all over the page, rather than in a rectangle size flash doc.

Any ideas on how I can achieve this effect? I have no idea how to determine what size i need my fla to be for this, since it covers the whole page?

Help!! thanks!!!

live in love,
sb

Full Page Flash With Background
Hey Guys

Would like to create a website similar to the way this behaves: http://www.orchardmarketing.com.au/

Basically want my flash file to sit centre / centre but the background to fill the complete page. So, as the size of the browser window changes, the flash sits in the middle and the image re sizes.

Can't seem to find any tutorials on this, so any help would be appreciated.

Thanks in advance

Full Page Video Background Lag
G'day all,
I am working on a site at the moment where i would like to have a full screen video play in the background of a page for around 5 seconds then fade out. I am using the laco tweening prototypes for the animation on the site keep in mind. At the moment i have an embedded video as a movie clip that is set to the scale to the size of the stage, then 2 seconds before the video is finished i have actionscript to make the video fade out. My problem is that since its time based animation, the lag in the video is making it fade out at the designated time but the video keeps playing so its dissapearing early. I have seen alot of sites using full screen video like http://www.marc-aurel.com and it doesnt lag for them. How can i overcome this?

Thankyou

Tiled Background Inside A Movieclip (full Page)
I’m no flash guru or anywhere near it but I though I’d post this as it might be helpful to someone, the code is from the gotoandlearn tutorial on tiled backgrounds, I’ve just had a play with it to suit something I’m working on.

I’m sure someone could clean it up though.

Page 2 - Loading A Movieclip That Always Stays Center Into My Flash Full Screen Page?
Tann, regarding the proportion resize, do you know if there is a way to make it so that when you drag the browser window, you are restricted to dragging it at its flash proportion. Just like if you are in photoshop, and if you decide to transform an image and I think press control or alt while you drag the corners, it will resize it proportionally.

Right now, if you drag the browser window, you can drag it any shape, and if the browser window height exceeds the flash height, it will allow you to do it, but the empty space is filled with the background colour of the html page.

Would like it, so that the window is not draggable anymore if its proport width or height has exceeded.

I hope that makes sense.

Resizing Full Flash Site
I've made a full flash site which i have embedded in a html page. the problem is that when i look at it now i realise that i have made the site too small. My plan is just to resize it by altering the dimensions in the html. As long as i constrain the proportions will this cause any problems?, if so does anyone have any ideas what else i can do without cutting up my .fla and changing the dimensions of all the components of the site?

Thanks.

Flash Full Size/resizing
Hi Everybody,

Could anybody tell me how people use the full browser size in flash, even when resizing?
Just like they did on http://www.designfirst.be/FR/site.html , the navigation is always on the bottom of the window, still after resizing

the same for http://www.topsun.be , here also the background images resize real time

I appreciate every help,
thanks and regards,

Resizing A Full Flash Site - Problem
I'm trying to resize a full flash site. I'm using if statements to do this. Is there a better way? I want the resize to hold the proportions. Additionally, my if-statement method is too cumbersome. It doesn't always keep the content in the center (doesn't resize to the content to be in the center).

Scenario: The base is a black background that resizes according to the window size. The main image stays in the middle of the page.

ActionScript Code:
var holderAllMC:MovieClipLoader = new MovieClipLoader();var holderAllMCListener:Object = new Object();holderAllMCListener.onLoadProgress = function(target, loaded, total) { loader.percent.text = Math.round((loaded/total)*100)+"%";};holderAllMC.addListener(holderAllMCListener);holderAllMC.loadClip("background.swf?uniqueID="+getTimer(), holderAll.subholder);holderAllMCListener.onLoadInit = function() { loader._visible = false; loader.percent.text = ""; resizeSite();};backs._width = Stage.width;backs._height = Stage.height;loader._x = Stage.width/2;loader._y = Stage.height/2.5;function resizeSite() { var wwn:Number = Stage.width; var hhn:Number = Stage.height; var wwnd:Number = 840; var hhnd:Number = 608; if (wwn<=500) { holderAll._xscale = 60; holderAll._yscale = 60; holderAll._x = Stage.width/2; holderAll._y = Stage.height/2.5; } if (hhn<=450) { holderAll._xscale = 60; holderAll._yscale = 60; holderAll._x = Stage.width/2; holderAll._y = Stage.height/2.5; } else if (wwn<=840) { holderAll._xscale = 90; holderAll._yscale = 90; holderAll._x = Stage.width/2; holderAll._y = Stage.height/2.5; } else if (hhn<=608) { holderAll._xscale = 90; holderAll._yscale = 90; holderAll._x = Stage.width/2; holderAll._y = Stage.height/2.5; } else if (wwn>840) { holderAll._xscale = 100; holderAll._yscale = 100; holderAll._x = Stage.width/2; holderAll._y = Stage.height/2.5; } else if (hhn>608 && hhn<725) { holderAll._xscale = 100; holderAll._yscale = 100; holderAll._x = Stage.width/2; holderAll._y = Stage.height/2.5; } else if (hhn>725) { holderAll._xscale = 140; holderAll._yscale = 140; holderAll._x = Stage.width/2; holderAll._y = Stage.height/3.5; }}var stageL:Object = new Object();stageL.onResize = function() { backs._width = Stage.width; backs._height = Stage.height; loader._x = Stage.width/2; loader._y = Stage.height/2.5; resizeSite();};Stage.addListener(stageL);

Full-browser Flash Resizing / Image Scaling
Hi everyone,

I am stuck on this 1 part for a site im building.

I need to calculate the given area so it's a number that can be used for xscale,yscale (or if you know a way to just set the _width and _height while keeping the ratio that's fine).

The area I need to calculate is shown with a grey border in the above picture. All of the black boxes represent movieclips with X and Y being in the top left of each MC.

Code:
// retain aspect ratio when resizing
var imageSpace:Number = (Math.sqrt(Stage.width+Stage.height) * Math.sqrt((_root.footer._y*1.1)/(1400*2))) - 2;
_image._xscale = imageSpace;
_image._yscale = imageSpace;
_image._x = (right_nav._x - (Stage.width/2)) - (imageSpace);

This calculation kind of got out of control. the "1400" was static because most of the images loaded were about that size, I do have access to the current image's size but there has to be an easier way to scale, without going passed the footer or right_nav, and centering the image in the middle of the grey box area.

Any help will be great.

Thanks.

Flash Resizing And Full Browser Screen Size
Ok, I have searched the forums and found ways that are close to what I want but I cant seem to find a method that works. What I am trying to do is create a main swf that is the fullscreen background of a browser window. The main.swf then loads another swf on top of it. The problem is I dont want the swf that is on top of the main.swf to change sizes or scale when the browser window is resized.

I tried both
fscommand("fullscreen",true);
fscommand("allowscale",false);

and didnt get what I was looking for.

I know how to do all the html formatting for the embedded flash file, I just cant figure out how to get in working on the flash end.

Can anyone help me figure this out?

Resizing Tiled Background In Flash 8
Hello,

I've checked out this tutorial, and it's great:

http://www.kirupa.com/developer/flas...und_flash8.htm

But, is there a way, to make the background scale, when you resize the movie. I made this AS code:

Code:
import flash.display.BitmapData;
var tile:BitmapData = BitmapData.loadBitmap("pattern");
this.beginBitmapFill(tile);
this.lineTo(Stage.width, 0);
this.lineTo(Stage.width, Stage.height);
this.lineTo(0, Stage.height);
this.lineTo(0, 0);
this.endFill();
//-----------------------
sizeListener = new Object();
sizeListener.onResize = function() {
var tile:BitmapData = BitmapData.loadBitmap("pattern");
this.beginBitmapFill(tile);
this.lineTo(Stage.width, 0);
this.lineTo(Stage.width, Stage.height);
this.lineTo(0, Stage.height);
this.lineTo(0, 0);
this.endFill();
};
Stage.addListener(sizeListener);
But it doesn't work... I'm confused, what should I do?..

[MX] Resizing Onlny Background Of Your Flash Movie
Hi all,

I have been searching for quite a while on this issue and cannot find the answer. I am after resizing only parts of my flash movie to the web browser and am having difficulties getting the particular solution.

An tutorial site:http://www.tutorio.com/tutorial/liquid-flash-layout
explains that you need to use a couple of lines to turn off scaling , then add a listener to see if the browser is resizing the movie.

What i am struggling with is how to apply the resizing to only a layer - and maintain the rest, so that my JPEGS do not become crap!

Thanks in advance,
James

Full Flash Background
I'm attempting to do a flash page but taking up the whole screen with no html/css backgrounds - only flash. I have seen this on some other sites a while back but I don't remember them now. Let's say the website "frame" is 800 x 1200. Then there's a background, but that is in flash too. Here is the tricky part, how do I do it so that the frame always stays at 800x1200 and the back ground fits, well crops, to the monitor size so there's not a bunch of useless scrolling space on just background. I don't want the background to resize, just crop. I will make the background size 2560 x 1600 (jpg) so it's big enough for the biggest monitor, but it will crop to fit the smaller monitors as well. Another thing I would like to do but it is not as important is to have a button on the main context or frame that when pressed it unlocks the cropped background and it enables to scroll around to see the whole thing.
This website is AS3.

Any help is appreciated.

Thanks

AS3 - Full Flash Background
I'm attempting to do a flash page but taking up the whole screen with no html/css backgrounds - only flash. I have seen this on some other sites a while back but I don't remember them now. Let's say the website "frame" is 800 x 1200. Then there's a background, but that is in flash too. Here is the tricky part, how do I do it so that the frame always stays at 800x1200 and the back ground fits, well crops, to the monitor size so there's not a bunch of useless scrolling space on just background. I don't want the background to resize, just crop. I will make the background size 2560 x 1600 (jpg) so it's big enough for the biggest monitor, but it will crop to fit the smaller monitors as well. Another thing I would like to do but it is not as important is to have a button on the main context or frame that when pressed it unlocks the cropped background and it enables to scroll around to see the whole thing.
This website is AS3.

Any help is appreciated.

Thanks

Full Flash Browser - Background
I am a very inexperienced actionscripter so any help here would be great. I am trying to load a random background in a flash clip, and resize that into the full browser dimensions. What I have working now is an "unscaled" resize... The background clip image distorts. This is fine for a gradient or solid color, but not working for images. Any ideas?

Flash Full-Browser Background?
Anyone know how to make a full-browser background in flash? Like at HI-RES for example. Thanks for the help!

Full Screnn Background Using Flash
Hi,

I am creating a flash website, check it at

http://devincheevers.com/mcmdemo/

I want it so that the background pattern which is a .swf (set to 100% height and 100% width) in the html scales with the browser window.

I have it working fine on my browser (Windows Internet Explorer), but it doesn't display properly in my Firefox (the pattern seems to stay centered and at a fixed height of 650)

Could someone check it and see if it displays properly on their browser?

You can check my source code on the html. As I think the error is there with my tables (hate tabels)

I am using this line of code to align the .swf which I load on top of the pattern.

<param name="salign" value="T" />

This seems to align it horizontally, but how do I get it to align vertically.

Any help would be very much appreciated!

Thanks

Dev

Flash Full-Browser Background?
Anyone know how to make a full-browser background in flash? Like at HI-RES for example. Thanks for the help!

Full Screen Flash Background
So I am wanting to do a full screen flash background for my website. it will be the resolution of an apple 30" monitor and if some is on a computer with lesser resolution I want the background to crop, not resize. I also don't want scrolling, I want it cropped. The background is one jpg image with some flash animation in it. Another thing I thought that would be cool is a button on the main content to unlock the cropped aspect and allowed scrolling to view the whole background. Any help is appreciated.

Thanks,

Brett

Resizing Flash On A Web Page
I have a flash movie on my web page and in 1024-768 it looks great... nice and big and fits very well... What i want to know is how i would go about resizing a flash movie depending on how big a table is.

Full Screen Flash. No Toolbars, Controllers, Just The Flash Page On Full Screen - How
Ive seen this on DVD Roms, Multimedia Roms, Presentation Cds, etc.

People insert their DVD or CDs of their Flash and it plays automatically and at Full screen. There's no Controllers or anything except the one you make in the Flash itself.

There's no browser either. Its like watching a DVD where all you see is just the movie.

Anyone know exactly what this method is called and any tutorials or samples on how to do this with your Flash page.

Thanks

Full Screen Background Image In Flash AS3?
Hi guys,

How easy is it to code a full screen background image in flash which never shows the edges of the flash even when the image is adjusted?

Flash Full Screen Movie In Background
Hi, I have done my main content and I'd like to put a scaleable movie clip in the background like : http://www.davidhutton.com

Can anyone help?

Thanks

Resizing Entire Flash Page
Okay, i screwed up. I made my flash page too big, and i'm just about done with it. I need to reduce everything in the page by 25%, otherwise it doesn't display properly on computers with 800x600 resolution. Is there an easy way to do this, or do i have to go through and resize all the frames in my page seperately after reducing the number of pixels in the main page?

Whitebread

Flash Page Automatic Resizing
Hi all. just getting started with designing my webpage and am looking at doing it with flash 8 (as that's what i've got in my armery). been checking out other people's sites done in flash and I've noticed that they quite often are a set size and also don't always take up the whole page eg: http://www.stephaneguillot.com/index_uk.htm -it's sometimes just a bit in the middle where all the action's going on. I assume that's because it's quicker to download and set it running. This may be something I'll have to think about too and am wondering if it's possible to have the size of the animation to adjust depending on how big people have their browser: so it would squash down and fit in the space like words do when you adjust the size of the window.

Resizing And Repositioning, 100% Flash Page
I feel like I'm approaching this wrong. Every time I create a new MovieClip. I have to go into my resize listener function and type in

Code:
newmc._x = Stage.height/2;
newmc._width = Stage.width;
etc... or something like that depending on where I want it positioned.

Is there a simpler method or is this the only way if I want to keep everything positioned nicely if someone decides to resize the browser.

Full Screen Flash Cs3 Background That Doesn't Distort?
Hello everybody,
I am building a fullscreen flash movie in flash cs3 using actionscript and html. I have made the background so it is fullscreen and stretches with the window with the content in the centere, but the background image doesn't stay square, it distorts when you scale the browser up or down left or right. i need the background to stay square and not distort when the window is scaled.
Here is an example of a background that doesn't scale- burnkit.com in the company section they used a fullscreen background that scales but doesn't distort.

I have everything else built but need a code to constrain the proportions of the background image.

Any help greatly appreciated, Thanks!.

FUll Screen Flash Site With Repeating Background
Hello-
what is the best way to make a SWF that will expand to fill the entire browser and also automatically repeat it's own background elements to fill the browser? for example, the working area of the SWF is 930x600.. but it has background elemtents that should repeat beyond it's own borders. I can't simply do it with HTML backgrounds because the elements must be positioned very precisely and the borders must match up.
thanks
-scott

Large Background Image For Full Screen Flash
Hi again.

I want to use an big image to full the entire browser window (as long as you resolution is smaller than 1600, since the image is 1600x1200).

To do that I use the bitmapdata class and the drawing api as usual. However I just found that if I uncheck the "export for first frame" for the image in the library, the background just won't show up in the movie. Is that so?

I need to uncheck that option cause that image is gonna contribute some 80k to the movie, you really don't want your preloader to show up slow, right?

Just how get this around? thanks.

- mark

Full Browser Flash - Animated Background Instead Of Bitmap
Hi

The video tutorial on FBF was great. Really helpful, however it only tackled using a static bitmap image to fill the browser instead of a flash animation. To make things more clear what i am trying to achieve is this effect:

http://www.animallogic.com/

You see the background is not a bitmap it is a rotating movie of numerous bitmaps. To achieve this what changes need to be made to the actionscript use in the video tutorial. Do you still call the BitmapData class to load a bitmap? How do you adjust that to load a flash movie instead? quite confused.

If someone can spell this out for me i would be greatly appreciated

Thanks

Resizing A Flash Movie Within An HTML Page
Hi,

does anybody know, whether it's possible to resize a Flash-object within the surrounding HTML page?

I'm creating a movie that displays an XML document as a tree. All nodes should be expandable and collapsable, which means that the size of the tree constantly varies. Whenever the tree is smaller than the movie's space, it fragments the page. Whenever the tree is bigger than the movie, I need to add scrollbars and end up with an annoying window-within-a-window construct.

Thx in advance, Peter

Resizing Flash Size Without Reloading The Page
http://www.bacardilive.com/
on this site, it seems like the flash is 100% width and height and yet when you go to a different section, the flash resizes, meaning the scrollbars appear without the page refreshing. How is this done????

Resizing A Flash Movie In Page Problems.
Hi, I am trying to resize a flash movie on a page.

What is happening is that there are buttons in my flash movie that call the javascript function newSize(), passing in new values. The intended behavior is for the div with the id of "container" to resize, making the flash movie resize.

However, my code works in IE but not Firefox. I was wondering if anyone had a clue about what the problem could be.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>resize</title>
<script language="javascript" type="text/javascript">
function newSize(width,height)
{
document.getElementById("container").style.width = width;
document.getElementById("container").style.height = height;
}
</script>
</head>
<body>

<div id="container" style="width:500px; height:500px; ">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="100%" height="100%" id="resize">
<param name="movie" value="resize.swf" />
<param name="quality" value="high" />
<embed src="resize.swf" quality="high" width="100%" height="100%" name="resize" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>

</body>
</html>

How To Left Justify A Background Image In Full Browser Flash?
I want to make bitmap image left-top justified in a full browser flash movie. So no matter what size the browser window is the image is in the upper left corner while the main Movie Clip is still centered in the browser. Any ideas?

Full Page Flash
Hey,
I have a 300x400 anamation of bubbles... Im placeing this on the side of my page and I want it to be the full lenth. How do i do this? I tryed using javascript and that kinda worked. Help?

Full Page Flash
Hi,

Ive created a flash movie as like a header for my site. It then links to some other flash cartoons of mine.

Thing is, Ive never got the hang of being able to open a pop-up window, big enough just for the animation.

So I give the button an action to get the URL of the cartoon. This works great, and opens the movie in a separate window. However, the movie always fills the browser window, no matter what size I have made it as in Flash.

So if anyone could point me in the right direction of how to either spawn a pop up window with preset dimensions, or just to stop this movie from playing full screen, I would very much appreciate it.

Thanks for any help

Full Flash Page
Hi, how is everyone?
I was wondering how to make a full flash website such as http://www.robertreich.de
The whole page is in flash, and if you resize the window, the actual site goes in the center of the page. Its not a flash site stuck on a HTML page. What kind of actions are used to make this.

Thanks guys.

Full Flash Web Page
Hi I'am having a little trouble with my site I would like to know what is the normal flash dimension(properties) size for a flash page that covers the whole browser withou any scrollers on the side or bottom.
My page seems to be too big and I've tried other dimension but still no luck.
Thanks Stew

Full Page Flash
I've got a question on something I've seen in several places before. I was looking around at some sites and I came across this:

http://www.atb-music.com/flash/index.php (plus the music on the site isn't bad either)

Anyway, I noticed that nothing scaled in the site, but when I resized it it centered itself on the page. Is this something done in Flash or is it a Javascript thing? Having a full-screen background like that really adds to the overall expansiveness of a page and it's something I'm interested in trying to do.

If you could give me a rundown or point me in the right direction for a tutorial, I'd appreciate it

Thanks!

Full Page Flash
im using this actionscript to resize a background image to the size of the web browser (full page flash). it works fine but does not take effect until you manually adjust the browser window. i have tried using: stageListener.onResize(); but the movie does not load. any ideas what im doing wrong? thank you

container.loadMovie("test.swf");
Stage.align = "LT";
Stage.scaleMode = "noScale";
stageListener = new Object();
stageListener.onResize = function() {
stretchBG();
};
Stage.addListener(stageListener);
stretchBG = function () {
container._width = Stage.height*1.5;
container._height = Stage.height;
};