{"id":8812,"date":"2014-11-06T07:56:23","date_gmt":"2014-11-06T07:56:23","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=8812"},"modified":"2014-12-14T08:16:12","modified_gmt":"2014-12-14T08:16:12","slug":"how-to-make-your-flash-as3-game-app-scale-in-all-devices","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/how-to-make-your-flash-as3-game-app-scale-in-all-devices\/affordablewebsitestips\/tutorials","title":{"rendered":"How to make your flash as3 game app scale in all devices"},"content":{"rendered":"

Here is a class that scales to fit all devices. In the 'resizeHandler' method, you can use 'stage.stageWidth' or 'stage.stageHeight' to calculate proper scaling according to the device screen size.<\/p>\n

 Javascript | <\/td><\/td> copy code |<\/td>?<\/td> <\/td><\/tr><\/tbody><\/table>
01<\/td>
package<\/span>  {<\/span><\/pre><\/td><\/tr>
02<\/td>
 <\/pre><\/td><\/tr>
03<\/td>
import<\/span> flash.display<\/span>.MovieClip<\/span>;<\/span><\/pre><\/td><\/tr>
04<\/td>
import<\/span> flash.events<\/span>.Event<\/span>;<\/span><\/pre><\/td><\/tr>
05<\/td>
import<\/span> flash.display<\/span>.StageAlign<\/span>;<\/span> \/\/for air android resizing<\/span><\/pre><\/td><\/tr>
06<\/td>
import<\/span> flash.display<\/span>.StageScaleMode<\/span>;<\/span> \/\/for air android resizing<\/span><\/pre><\/td><\/tr>
07<\/td>
import<\/span> flash.system<\/span>.Capabilities<\/span>;<\/span> \/\/used to get screen dimensions<\/span><\/pre><\/td><\/tr>
08<\/td>
 <\/pre><\/td><\/tr>
09<\/td>
public<\/span> class<\/span> fusion0 extends<\/span> MovieClip {<\/span><\/pre><\/td><\/tr>
10<\/td>
 <\/pre><\/td><\/tr>
11<\/td>
\tpublic<\/span> function<\/span> fusion0(<\/span>)<\/span> {<\/span><\/pre><\/td><\/tr>
12<\/td>
\t\t\/\/ constructor code<\/span><\/pre><\/td><\/tr>
13<\/td>
\t\tstage.scaleMode<\/span> =<\/span> StageScaleMode.NO_SCALE<\/span>;<\/span>\/\/for air android resizing<\/span><\/pre><\/td><\/tr>
14<\/td>
\t\tstage.align<\/span> =<\/span> StageAlign.TOP_LEFT<\/span>;<\/span>\/\/for air android resizing<\/span><\/pre><\/td><\/tr>
15<\/td>
\t\tstage.addEventListener<\/span>(<\/span>Event.RESIZE<\/span>,<\/span> resizeHandler)<\/span>;<\/span>\/\/for air android resizing<\/span><\/pre><\/td><\/tr>
16<\/td>
\t\tstage.dispatchEvent<\/span>(<\/span>new<\/span> Event(<\/span>Event.RESIZE<\/span>)<\/span>)<\/span>;<\/span>\/\/for air android resizing<\/span><\/pre><\/td><\/tr>
17<\/td>
\t\t}<\/span><\/pre><\/td><\/tr>
18<\/td>
 <\/pre><\/td><\/tr>
19<\/td>
function<\/span> resizeHandler(<\/span>event:<\/span>Event=<\/span>null<\/span>)<\/span>:<\/span>void<\/span><\/pre><\/td><\/tr>
20<\/td>
\t\t{<\/span><\/pre><\/td><\/tr>
21<\/td>
\t\t\/* scale code ... *\/<\/span><\/pre><\/td><\/tr>
22<\/td>
 <\/pre><\/td><\/tr>
23<\/td>
\t\t}<\/span><\/pre><\/td><\/tr>
24<\/td>
 <\/pre><\/td><\/tr>
25<\/td>
\t}<\/span><\/pre><\/td><\/tr>
26<\/td>
 <\/pre><\/td><\/tr>
27<\/td>
}<\/span><\/pre><\/td><\/tr><\/table><\/div><\/pre><\/p>\n","protected":false},"excerpt":{"rendered":"
Here is a class that scales to fit all devices. In the ‘resizeHandler’ method, you can use ‘stage.stageWidth’ or ‘stage.stageHeight’ to calculate proper scaling according to the device screen size.  Javascript |  copy code |? 01package {02 03import flash.display.MovieClip;04import flash.events.Event;05import flash.display.StageAlign; \/\/for air android resizing06import flash.display.StageScaleMode; \/\/for air android resizing07import flash.system.Capabilities; \/\/used to get screen dimensions08 09public class fusion0 extends MovieClip {10 11 […]<\/p>\n","protected":false},"author":1,"featured_media":8748,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[740,742,743,149,744,734,65],"class_list":["post-8812","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-actionscript","tag-adobe-air","tag-air","tag-android","tag-app","tag-as3","tag-iphone"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/8812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=8812"}],"version-history":[{"count":3,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/8812\/revisions"}],"predecessor-version":[{"id":8829,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/8812\/revisions\/8829"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/8748"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=8812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=8812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=8812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}