100% by 100% flash movies

programming flash
1

I am trying to make a flash movie that fills the browser (100% * 100%). The problem is, when the user increases his resolution, the contents of my flash movie increase or decrease is size.

This is espacially annoying since I want to have a fixed size for the content, but a background that can increase or decrease in tiling depending on the user’s screen resolution.

Take a look at this sites, beautifully executes as 100% x 100% movies but keeping their content intact.

http://www.crashshop.com/site.html


http://www.south.uk.net/

2

Hi,

if you have a movie clip that acts as a single tile for your background (with its linkage identifier set as bgTile in the library) you could use something like this. first create an empty movie clip on the stage with the instance name backgroundClip, this will contain the tiled background that responds to the changes in stage size.

[AS]
Stage.align = “LT”;
Stage.scaleMode = “noScale”; // prevent content being scaled

backgroundClip.makeBackground = function() { // build a background from the tile clip to fill the screen
var tileWidth = 180; // the dimensions of your background tile
var tileHeight = 160;
var cols = Math.ceil((System.capabilities.screenResolutionX - 20) / tileWidth);
var rows = Math.ceil((System.capabilities.screenResolutionY - 20) / tileHeight);
var depth;
for (var i = 0; i < cols; ++i) {
for (var j = 0; j < rows; ++j) {
depth = this.getNextHighestDepth();
this.attachMovie(“bgTile”, “bgTile” + depth, depth, {_x: i * tileWidth, _y: j * tileHeight});
}
}
}
backgroundClip.onResize = function() { // reposition the background as the stage resizes
this._x = (Stage.width - this._width) / 2;
this._y = (Stage.height - this._height) / 2;
};
Stage.addListener(backgroundClip);

backgroundClip.makeBackground();
backgroundClip.onResize();
[/AS]

3

Thanks man, I will try it out and see how it goes.

Thanks again

4

The last used tables to achieve the effect you were going for. They have different swf files for the sides and the center is the main swf with all the "stuff"
But that nifty flash trick might be at work too.

Hope that helps,
Shawn