Full Browser/Full Screen Flash

The code for full screen/full browser is really simple. In fact, the only code that is needed is to make sure that the objects within the SWF itself does not scale - and a line of code to align it to the Top Left of the browser.

[code lang="actionscript"]
Stage.scaleMode = “noScale”;
Stage.align = “TL”;
[/code]

The rest depends on your publish settings(Ctrl + Shift + F12). What you need to do is to set the width and height to 100 Percent. Remember to change the dimensions to percentage.

I’ve attached a file, which I don’t remember where I got from. =x

The code features a onResize Handler, which is important for full screen flash as well. This is because you need this listener to check if the user resized the browser, then change the positions of the elements in the SWF accordingly.

The flash file contains the HTML, the SWF, and the FLA file for this. In the center, is a text field containing the dimensions of the Flash. Open the index.html and try resizing the browser, and you will see that the text field will always be in the center. This is done by adding lines of code to set the _x and _y of the text field within the onResize handler.

[code lang="actionscript"]
this.onResize = function() {
//– Called when browser is resized.
this.txtDimentions._x = (Stage.width/2)-(this.txtDimentions._width/2);
this.txtDimentions._y = (Stage.height/2)-(this.txtDimentions._height/2);
this.txtDimentions.text = Stage.width+”x”+Stage.height;
};
[/code]

I hope you guys enjoyed this little tutorial. A lot of people have asked me how I did QwertyDesign, and well, here is the base of what started QD.net.

Project Files: FullBrowserFlash

NoteDesigns

I’ve started revision work on a project that was supposed to be done long ago.

Notedesigns.com -(please open in Internet Explorer to be able to save the designs easily)

Watch this blog to see more progress. For this update, I’ve managed to do the following:

  • - Export designed notebook cover in Art Workshop to a JPEG.
  • - Changed circular design motifs.
  • - Fixed minor issues that’s got to do with user experience in the overall application.
  • - Added a blimp on the world.

For the next update, I’m going to work on the following:

  • - Add text to the notebook cover.
  • - “Help” menu in top right of art workshop.
  • - More design motifs

Possible and other improvements will be making the Art workshop actually work like a “Mini Photoshop”. Intead of clicking and dragging the design to rotate and scale the motifs, I’m going to try to add a list of tools to be able to scale, rotate, delete the motifs. It’s going to be a hard thing to do. I sure hope I can do it.