How to Make a Resizeable Full Screen Flash Animation
I recently had to create resizeable Flash animation that would play full screen. Here are the steps to creating a full screen flash animation:
- First of all, the most important aspect of this is to create a flash animation with vectors only. If you create one with bitmap images, when you resize the animation your bitmaps will look bad.
- Make sure your flash movie doesn’t have a Stage.scaleMode set to “noScale”. This property would be set in your actionscript somewhere and has been a problem for me in the past. Once I used flash code that I didn’t write, and this piece of code was hidden pretty deep in it. It made me want to put my head through the screen when I found it.
- Set the Stage.scaleMode to “showAll”, “exactFit”, or “noBorders”. You can do this in the action script, or in the embed parameters. Here is an explanation of what each of those properties does. Since I normally link straight to the swf file when doing this, I set the scaleMode in the flash file itself. Example code:
Stage.scaleMode="showAll"; - Use javascript to call the full screen window. Use this code:
<a href="example.swf" onclick="window.open('example.swf', 'flashwindow', 'width='+ (screen.width) +',height='+ (screen.height) +',resizable=yes,left='+ (screen.availWidth/2-0) +',top='+ (screen.availHeight/2-0) +'');return false;">Open Flash Window...</a>
Here is a full screen flash example of what the above code can do:
Open Full Screen Resizable Flash
That’s about all there is to it. If you have specific implementation questions, just contact me.
Subscribe with RSSCategory: Design | 921 views | Posted: August 5th 2007 02:00 am
No comments yet.