dcsimg
A Flash Developer Resource Site

Results 1 to 14 of 14

Thread: Fullscreen Flash Web Site

  1. #1
    Member
    Join Date
    Jul 2007
    Posts
    91

    Fullscreen Flash Web Site

    Hi,

    Please, look at this website:

    www.refune.com

    As get such effect on 3D Flash Animator?

  2. #2
    Game Master ConnELITE's Avatar
    Join Date
    Apr 2005
    Location
    United States, DC
    Posts
    473
    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.
    BC

  3. #3
    Member
    Join Date
    Jul 2007
    Posts
    91
    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.
    Last edited by 3DH; 07-08-2007 at 05:33 AM.

  4. #4
    Member
    Join Date
    Jul 2007
    Posts
    91
    I find some AS for 'full screen flash web site' or something similar:

    Code:
    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:
    Code:
    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:
    Code:
    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.

  5. #5
    Senior Member creekmonkey's Avatar
    Join Date
    Jul 2006
    Posts
    121
    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.

  6. #6
    Member
    Join Date
    Jul 2007
    Posts
    91
    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??

  7. #7
    Senior Member
    Join Date
    Dec 2006
    Posts
    274
    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

  8. #8
    Senior Member kusco's Avatar
    Join Date
    Nov 2001
    Posts
    681
    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.
    Cheers,
    kusco
    (3DFA Support Team)

  9. #9
    Game Master ConnELITE's Avatar
    Join Date
    Apr 2005
    Location
    United States, DC
    Posts
    473
    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.
    BC

  10. #10
    Member
    Join Date
    Jul 2007
    Posts
    91
    Me too. Still trying, but now on new 3dfa. This is hard.

  11. #11
    Member
    Join Date
    Jul 2007
    Posts
    91
    It is impossible to get this effect on 3dfa.

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

  12. #12
    Senior Member kusco's Avatar
    Join Date
    Nov 2001
    Posts
    681
    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.
    Last edited by kusco; 07-15-2007 at 02:46 AM.
    Cheers,
    kusco
    (3DFA Support Team)

  13. #13
    Member
    Join Date
    Jul 2007
    Posts
    91
    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

  14. #14
    Senior Member kusco's Avatar
    Join Date
    Nov 2001
    Posts
    681
    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.
    Cheers,
    kusco
    (3DFA Support Team)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center