define('DISALLOW_FILE_EDIT', true);{"id":519,"date":"2010-10-01T12:57:06","date_gmt":"2010-10-01T17:57:06","guid":{"rendered":"http:\/\/www.unfocus.com\/?p=519"},"modified":"2010-10-01T12:57:06","modified_gmt":"2010-10-01T17:57:06","slug":"flash-iphone-game-at-silky-60fps-on-3gs","status":"publish","type":"post","link":"http:\/\/www.unfocus.com\/2010\/10\/01\/flash-iphone-game-at-silky-60fps-on-3gs\/","title":{"rendered":"Flash iPhone Game at Silky 60FPS on 3GS"},"content":{"rendered":"<p>Well, it&#8217;s only a tech demo at the moment. I&#8217;ve been playing with this Breakout like game for a while, trying to learn the ins and outs of Flash mobile development &#8211; particularly as it relates to performance. I now have the unBrix demo running at close to 60FPS (59.1) &#8211; smooth as silk.<\/p>\n<p>This won&#8217;t run at 60FPS on Android Flash Player plugin in the browser (or Firefox on Mac!) &#8211; this post is about the iPhone build &#8211; but <a href=\"http:\/\/www.unfocus.com\/unBrix.refac.html\">here&#8217;s the web version<\/a> to look at anyway.<\/p>\n<p><object style=\"width: 480px; height: 320px;\" classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" width=\"590\" height=\"480\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"src\" value=\"http:\/\/www.unfocus.com\/unBrix34.swf\" \/><param name=\"bgcolor\" value=\"#000000\" \/><embed style=\"width: 480px; height: 320px;display:block;\" type=\"application\/x-shockwave-flash\" width=\"480\" height=\"320\" src=\"http:\/\/www.unfocus.com\/unBrix34.swf\" bgcolor=\"#000000\"><\/embed><\/object><\/p>\n<p>Here is a blurry video of the thing running as a native iPhone app on a 3GS (I smoothed out the choppy splash transition in a later build by setting the BG element with cacheAsBitmapMatrix):<\/p>\n<p><iframe loading=\"lazy\" width=\"840\" height=\"630\" src=\"https:\/\/www.youtube.com\/embed\/6wxwGv6DXgI?feature=oembed\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe><\/p>\n<p>The most important thing was to make sure GPU acceleration was working, and to learn what things will impact performance in that area.<\/p>\n<p>It turns out, there are some important differences with how GPU accelerated Flash woks compared with the traditional software renderer. In the software Flash renderer keeping your display list shallow, and sparse (using addChild\/removeChild a lot) or avoiding the display list completely (by writing to BitmapData &#8211; as the <a href=\"http:\/\/flixel.org\/\">Flixel game engine<\/a> does) is a key optimization for performance. This is how the exploding bunny video demo is done, and why it&#8217;s so fast.<\/p>\n<p>My current theory is that on GPU accelerated content (even on desktop) the reverse is true. You want to avoid CPU\/system RAM to GPU\/video RAM updates as much as possible &#8211; which means avoiding BitmapData updates which cause the player to upload a new texture to the GPU VRAM with every update. Because I don&#8217;t have access to the internals of the Flash Player architecture, I can&#8217;t be sure, but I think the bottle neck comes from clogging up the lanes between the CPU and GPU, and all stressing all three areas of the rendering pipeline (CPU, GPU and the bus) as they juggle around objects in memory. The key observation this conclusion is based on is the large performance impact addChild and removeChild has on the framerate. So I relentlessly avoid that in my iPhone Flash development &#8211; I precache everything, and don&#8217;t mess with the display list. This is also one reason why filters (which operate on a BitmapData representation of the DisplayObject you apply them to) are not recommended on mobile content.<\/p>\n<p>Anyway, hopefully I can turn this into a full app for iPhone in a reasonable timeframe. \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Well, it&#8217;s only a tech demo at the moment. I&#8217;ve been playing with this Breakout like game for a while, trying to learn the ins and outs of Flash mobile development &#8211; particularly as it relates to performance. I now have the unBrix demo running at close to 60FPS (59.1) &#8211; smooth as silk. This &hellip; <a href=\"http:\/\/www.unfocus.com\/2010\/10\/01\/flash-iphone-game-at-silky-60fps-on-3gs\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Flash iPhone Game at Silky 60FPS on 3GS&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[211,64],"tags":[48,65,225,49,47,222,18],"_links":{"self":[{"href":"http:\/\/www.unfocus.com\/wp-json\/wp\/v2\/posts\/519"}],"collection":[{"href":"http:\/\/www.unfocus.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.unfocus.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.unfocus.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.unfocus.com\/wp-json\/wp\/v2\/comments?post=519"}],"version-history":[{"count":20,"href":"http:\/\/www.unfocus.com\/wp-json\/wp\/v2\/posts\/519\/revisions"}],"predecessor-version":[{"id":543,"href":"http:\/\/www.unfocus.com\/wp-json\/wp\/v2\/posts\/519\/revisions\/543"}],"wp:attachment":[{"href":"http:\/\/www.unfocus.com\/wp-json\/wp\/v2\/media?parent=519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.unfocus.com\/wp-json\/wp\/v2\/categories?post=519"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.unfocus.com\/wp-json\/wp\/v2\/tags?post=519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}