Fullscreen Flash Web Site

[3DH]

Hi,

Please, look at this website:

www.refune.com

As get such effect on 3D Flash Animator?

[ConnELITE]

Well you can make your flashes full screen by changing the width and height in the html to 100%. I'm not quite sure how he made the menu spring like that on resize, but I'll look into it.

[3DH]

Yes, I know that. This is my test site:

test001

Width and height in the html have 100%, but I do not want scale everything except face. "3DH 2007" must by in corner, without scale (as menu in www.refune.com).

Btw. Sorry for my english.

[3DH]

I find some AS for 'full screen flash web site' or something similar:

Stage.scaleMode = "noScale";
Stage.align = "TL";
myListenerloadMain = new Object();
myListenerloadMain.onResize = function() {
 background._x = 0;//position x
 background._y = 0;//position y
 background._width = Stage.width;//scale x
 background._height = Stage.height;//scale y
//your main swf, on center
 mc._x = Math.round(Stage.width/2);
 mc._y = Math.round(Stage.height/2);
};
Stage.addListener(myListenerloadMain);
myListenerloadMain.onResize();

Or:

Stage.align = "TL";
function locate() {
   mc1._x = 0;
   mc1._y = Stage.height-mc1._height;
   //
   mc2._x = Stage.width-mc2._width;
   mc2._y = Stage.height-mc2._height;
}
locate();
Stage.addListener({onResize:locate});

And:

wMin = 500;		// below this value
hMin = 300;		// stage will not be scale(?)

var stageListener = new Object();
stageListener.onResize = function () {
   var sw = Math.max(wMin, Stage.width);
   var sh = Math.max(hMin, Stage.height);
   
   background_in_integrity._width = sw;
   background_in_integrity._height = sh;
   
   center_mc._x = sw>>1;
   center_mc._y = sh>>1;
   
   mc_in_br._x = sw;
   mc_in_br._y = sh;
   
   
   // or [movie point]:
   
   center_mc._x = sw+center_mc._width>>1;
   center_mc._y = sh+center_mc._height>>1;
   
   mc_in_br._x = sw-mc_in_br._width;
   mc_in_br._y = sh-mc_in_br._height;
}

Stage.addListener(stageListener);

But all this code doesn't work.

Please, help me.

[creekmonkey]

You could put the background image directly in your html with the html size set to 100% and allow the swf to play over it.

OR

If you make your movie size 800X600 and set html to 100% it should actually scale down to fit screen. Then just paly with the size of your menu till you get the look you are looking for.

[3DH]

There is not a simple solution for my problem. I want to put some objects in all corners. Tell my how I can make it, without change size this objects??

[Finjogi]

Objects should be no problem, you just have to move them to new positions when resize has happened, and animate them after that as you wish.
Here is another link about fullscreen flash, it should be possible to make it work with little code change, but you should try to understand how things work as AS syntax is not always 100% compatible with older versions of 3dfa's javascript.

http://www.tutorio.com/tutorial/liquid-flash-layout

[kusco]

Ask and you shall receive.

The next beta version, due in a day or two, allows easy access to the Stage object. You can use the stage object to disable scaling of the Flash animation.

eg. stage.scaleMode = "noScale";

3DFA uses the Flash 9 implementation rather than the Flash 8 one, but it should still work with both formats. Further details will be outlined in the new help file.

[ConnELITE]

Ok good, I was trying pretty hard to get some of that code to work and couldn't figure it out. Glad to here it will be added.

[3DH]

Me too. Still trying, but now on new 3dfa. This is hard.

[3DH]

It is impossible to get this effect on 3dfa.

Btw. I don't have option 'edit' on this forum.

[kusco]

You can achieve the effect by setting the export html width and height to %100, and then use ...

stage.scaleMode = "exactFit";

Which will automatically scale the background image. But you will also need to know the full width and height of the browser area ...

var new_width = stage.stageWidth;
var new_height = stage.stageHeight;

These properties require Flash 9 export, and although there are still a few elements which do not yet export properly to the Flash 9 format, buttons do, so the effect should be possible with 4.9.6 beta 1.

Just like on that website, the buttons will need to be moved to the right positions using a script.

That menu effect, however, would require some heavy duty scripting with the Graphics class.

[3DH]

Ok, good. But...

Stage.scaleMode = "exactFit";

...will scale all objects on flash web site. Correct me if im wrong. Ok, f**k 'full screen background image'. If this all Is so hard to do, then tell my please: "how to create a Flash movie that occupies the full space of a browser window without having its contents warped or stretched."??

Just like on this old tutorial:

Fullscreen Flash Web Site with No Warping or Stretching

[kusco]

There'll be another beta release in a day or two.

There is a good chance that there will be a new sample that gives the same fullscreen effect as in that tutorial.