Ultrashock Forums - View Single Post - Full-Screen Centred Flash

Nutrox · 2005-09-06 #2

The first thing you will need to do is create an HTML page, add your Flash movie to it in the normal way, and give the movie a 100% width and 100% height (can be done directly in the HTML page or via CSS). You will probably also want to set the padding and margin of the <body> to 0px.

Create a new Flash movie and add a movieclip to the stage (give the movieclip the instance name "mainContent_mc") then add the following code to the first frame of the main timeline...

ActionScript Code:

stop();
 
Stage.scaleMode = "noscale";
Stage.align = "tl";
Stage.addListener({onResize:reposition});
 
function reposition() {
    var mc = _root.mainContent_mc;
    var newX = Math.floor((Stage.width - mc._width) / 2);
    var newY = Math.floor((Stage.height - mc._height) / 2);
    mc._x = newX;
    mc._y = newY;
};
 
reposition();

If you place all of your site's content inside the "mainContent_mc" movieclip then it will all be centered in the browser, and will adjust itself whenever the browser / flash movie is resized.

That code basically tells Flash to resize the stage instead of rescaling it, and it sets up a listener for the Stage which calls the reposition() function whenever the main movie (HTML object) is resized.

Stage.width and Stage.height will return the actual size of the stage, and they are always available to you use.

Hope that helps.

	Nutrox 17 Creative Assets	2005-09-06 #2
	The first thing you will need to do is create an HTML page, add your Flash movie to it in the normal way, and give the movie a 100% width and 100% height (can be done directly in the HTML page or via CSS). You will probably also want to set the padding and margin of the <body> to 0px. Create a new Flash movie and add a movieclip to the stage (give the movieclip the instance name "mainContent_mc") then add the following code to the first frame of the main timeline... ActionScript Code: stop(); Stage.scaleMode = "noscale"; Stage.align = "tl"; Stage.addListener({onResize:reposition}); function reposition() { var mc = _root.mainContent_mc; var newX = Math.floor((Stage.width - mc._width) / 2); var newY = Math.floor((Stage.height - mc._height) / 2); mc._x = newX; mc._y = newY; }; reposition(); If you place all of your site's content inside the "mainContent_mc" movieclip then it will all be centered in the browser, and will adjust itself whenever the browser / flash movie is resized. That code basically tells Flash to resize the stage instead of rescaling it, and it sets up a listener for the Stage which calls the reposition() function whenever the main movie (HTML object) is resized. Stage.width and Stage.height will return the actual size of the stage, and they are always available to you use. Hope that helps.