• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Creative Coders March 2013 - Introducing Starling Framework

Creative Coders March 2013 - Introducing Starling Framework



Introducing Starling Framework presentation by Wu Huijie ...

Introducing Starling Framework presentation by Wu Huijie
18 March 2013

- Introduction to Starling Framework and Stage3D technology by Adobe.
- Tips on getting started with Starling Framework.
- Find out more about Adobe Gaming, and tools that can help you build games for various platforms, including iOS, Android and Blackberry.

More info about Starling Framework:

More info about Stage3D:



Total Views
Views on SlideShare
Embed Views



0 Embeds 0

No embeds



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Creative Coders March 2013 - Introducing Starling Framework Creative Coders March 2013 - Introducing Starling Framework Presentation Transcript

    • Contents Before Stage3D About Stage3D Starling framework Starling Feathers extension
    • Contents Demo mobile game app Getting started with Starling Adobe Gaming SDK Adobe Scout
    • Contents Adobe Texture Format (ATF) eBooks Other resources Games showcase
    • Before Stage3D Typical Flash display list Stage Instance SWF file’s main class Display Display Object Object Container Display Button TextField Sprite MovieClip Object Container SpriteSource: http://www.adobe.com/devnet/flash/quickstart/display_list_programming_as3.html
    • Before Stage3D Problems Till Flash Player 10, 2D & 3D objects are rendered using software mode. CPU is over-utilized. FP10 can take up max. of 4,000 triangles for 3D scenes to maintain acceptable performance. Detailed 3D scenes was not possible.Source: http://www.adobe.com/devnet/flashplayer/articles/how-stage3d-works.html
    • Before Stage3D ProblemsImagine a scene from Epic Citadel rendered using CPU only?
    • Before Stage3D Problems10 minutes later…
    • About Stage3D Introduced for desktop since Flash Player 11.0 & AIR 3.0 For mobile since Flash Player 11.2 & AIR 3.2
    • About Stage3D Actionscript 3D frameworks 2D frameworks (Away3D, Alternativa3D, etc (Starling, ND2D, etc) ) Stage3D OpenGL, OpenGL ES 2.0, DirectX GPUSource: http://www.adobe.com/devnet/flashplayer/articles/how-stage3d-works.html http://www.adobe.com/devnet/flashplayer/articles/introducing_Starling.html http://readwrite.com/2011/10/05/adobes-strategy-to-distinguish
    • About Stage3D Advantages Leverage on 3D hardware acceleration Offload rendering tasks to GPU Achieve higher frame rates (30 – 60 fps) More detailed 3D scenesSource: http://www.adobe.com/devnet/flashplayer/articles/how-stage3d-works.html
    • About Stage3D Disadvantages Have to be extra careful when mixing regular Flash UI (flash.display.*) with Stage3D. Limited to Shader Model 2.0 (latest version is 4.0), due to requirement to target multiple platforms. Smaller no. of Shader registers available due to older version of Shader Model being used.Source: http://www.adobe.com/devnet/flashplayer/articles/how-stage3d-works.html
    • About Stage3D Special stage layers StageVideo (bottom-most layer) Stage3D[0] Stage3D[1] Stage3D[n] Stage (top-most layer)Source: http://www.adobe.com/devnet/flashplayer/articles/how-stage3d-works.html
    • Starling framework Actionscript port of Sparrow framework for iOS. Developed on top of Stage3D API. Available for desktop and mobile. Meant for 2D game development, but has other uses too.Source: http://www.adobe.com/devnet/flashplayer/articles/introducing_Starling.html
    • Starling framework Advantages Easy to learn Familiar API e.g. flash.display.Sprite starling counterpart is starling.display.Sprite Similar API useful when updating existing projects to Starling.Source: http://www.adobe.com/devnet/flashplayer/articles/introducing_Starling.html
    • Starling framework starling.events.EventDispatcher starling.display.DisplayObject starling.display.DisplayObjectContainer starling.display.Quad starling.display.Button starling.display.Sprite starling.display.Stage starling.display.TextField starling.display.Image starling.display.MovieClipSource: http://www.adobe.com/devnet/flashplayer/articles/introducing_Starling.html
    • Starling framework More advantages... Event model Lightweight It’s free!Source: http://www.adobe.com/devnet/flashplayer/articles/introducing_Starling.html
    • Starling framework Disadvantages Layering issues (when using either StageVideo or regular Flash display list objects, or both). Need to look out for “Resource not available” errors (can be solved by Object Pooling). Need to watch app file sizes, especially when deploying to mobile. Spritesheets are limited to 2048 x 2048 pixels.Source: http://www.adobe.com/devnet/flashplayer/articles/introducing_Starling.html
    • Starling Feathersextension Lightweight skinnable, extensible UI controls for Starling framework. Cross-platform, with various themes available for both desktop and mobile. Provide screen transitions similar to mobile view transitions. Provide UI controls commonly found in mobile apps e.g. header bars, scroll/table views, switches, etc.
    • Starling Feathersextension Useful layout functions. Useful for creating quick prototypes. Useful for creating “Settings” screen for apps. Prefers AS3 Signals over Events.
    • Getting started withStarling Tools Adobe Flash Builder 4.7 Eclipse with FB4.7 plug-in FlashDevelop FDT Adobe Flash Professional CS6
    • Getting started withStarling SDKs Adobe AIR SDK 3.2+ Adobe Gaming SDK Pre-packaged with Adobe AIR SDK, Starling, Feathers, Away3D, essential native extensions and ATF tools Flash Player 11.2
    • Getting started withStarling Frameworks/Libraries Starling framework http://gamua.com/starling/download/
    • Getting started withStarling Optional tools (but very useful) TexturePacker (for creating spritesheets) GlyphDesigner (for creating bitmap fonts) PhysicsEditor (when adding 2D physics to games) Tiled (widely-used level/map editor)
    • Adobe Gaming SDKhttp://gaming.adobe.com/technologies/gamingsdk/Convenient package that contained all SDKs &tools needed to start making games!Just need a free Creative Cloud account.
    • Adobe Scout http://gaming.adobe.com/technologies/scout/ind ex.html Next-gen profiling tool for Flash Player and AIR. Able to profile apps running in mobile devices.
    • Adobe Texture Format (ATF) Traditionally, games use uncompressed formats like PNG for game graphics. GPUs do not know how to handle image formats like PNG and JPEG natively. Images are stored into CPU memory instead. Better to use GPU memory, but right type of compressed textures must be used for each platform.Source: http://www.adobe.com/devnet/flashruntimes/articles/introducing-compressed-textures.html
    • Adobe Texture Format (ATF) In order to target multiple platforms, various textures must be prepared for each platform: DXT for Windows and Mac OS ETC1/DXT for Android PVRTC for iOS ATF can wrap all these formats into one file!Source: http://www.adobe.com/devnet/flashruntimes/articles/introducing-compressed-textures.html
    • Adobe Texture Format(ATF) Available from FP 11.4/AIR 3.4 onwards Links http://www.adobe.com/devnet/flashruntimes/articl es/introducing-compressed-textures.html http://www.adobe.com/devnet/flashruntimes/articl es/atf-users-guide.html
    • eBooksIntroducing Starling Available for free at O’Reilly http://shop.oreilly.com/product/0636920024217.do
    • Other resources http://gamua.com/starling/help/ Starling framework website “Help” section Gotoandlearn.com Starling video tutorials Bytearray.org Tutorials, tips
    • Other resources Hsharma.com Video tutorials, tips; Creator of Hungry Hero open- source game Tomkrcha.com Tutorials, tips
    • Games showcasehttp://gaming.adobe.com/showcase/
    • Conclusion Please donate! http://gamua.com/donate/