# 100% by 100% flash movies

**URL:** <https://forum.kirupa.com/t/100-by-100-flash-movies/35493>\
**Category:** flash\
**Created:** [November 14, 2003, 3:43pm UTC](https://forum.kirupa.com/t/100-by-100-flash-movies/35493 "2003-11-14T15:43:13Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![xchase](https://avatars.discourse-cdn.com/v4/letter/x/e19adc/32.png) [@xchase](https://forum.kirupa.com/u/xchase)\
**Post date:** [November 14, 2003, 3:43pm UTC](https://forum.kirupa.com/t/100-by-100-flash-movies/35493/1 "2003-11-14T15:43:13Z")

</div>

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.crashshop.com/site.html)

> **[Salva Campillo](http://salvacampillo.com/)**
>
> Fotografía & Video

  
[http://www.south.uk.net/](http://www.south.uk.net/)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 14, 2003, 5:46pm UTC](https://forum.kirupa.com/t/100-by-100-flash-movies/35493/2 "2003-11-14T17:46:57Z")

</div>

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]

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 14, 2003, 5:49pm UTC](https://forum.kirupa.com/t/100-by-100-flash-movies/35493/3 "2003-11-14T17:49:18Z")

</div>

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

Thanks again

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 15, 2003, 6:52am UTC](https://forum.kirupa.com/t/100-by-100-flash-movies/35493/4 "2003-11-15T06:52:56Z")

</div>

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