Starling Deep Dive
- 3. LEE BRIMELOW Developer Evangelist www.leebrimelow.com @leebrimelow
- 4. LEE BRIMELOW THIBAULT IMBERT Developer Evangelist Sr. Product Manager www.leebrimelow.com www.bytearray.org @leebrimelow @thibault_imbert
- 6. Sparrow is a pure Objective-C library created by Gamua that allows developers to build native iOS games using an API similar to Flash.
- 7. Sparrow is a pure Objective-C library created by Gamua that allows developers to build native iOS games using an API similar to Flash. Starling is based on Sparrow and is a pure AS3 library that mimics the conventional Flash display list and all content is rendered by the GPU.
- 9. DANIEL SPERL Creator of Sparrow and Starling www.gamua.com
- 15. EXAMPLE STARLING CODE import starling.display.Sprite;
- 16. EXAMPLE STARLING CODE import starling.display.Sprite; var hero:Sprite = new Sprite();
- 17. EXAMPLE STARLING CODE import starling.display.Sprite; var hero:Sprite = new Sprite(); hero.x = 200;
- 18. EXAMPLE STARLING CODE import starling.display.Sprite; var hero:Sprite = new Sprite(); hero.x = 200; hero.y = 200;
- 19. EXAMPLE STARLING CODE import starling.display.Sprite; var hero:Sprite = new Sprite(); hero.x = 200; hero.y = 200; addChild(hero);
- 21. STARLING API
- 22. STARLING API
- 23. STARLING API
- 24. STARLING API
- 25. STARLING API
- 26. STARLING API
- 27. STARLING API
- 31. FULL SUPPORT FOR SPRITE SHEETS
- 41. TEXTURE ATLAS Easily access di鍖erent textures and animations myTextureAtlas.getTextures(fly);
- 43. ADOBE TEXTURE FORMAT A new compressed texture format created specifically for Stage3D We will be releasing tooling soon for creating ATF textures
- 45. DYNAMIC TEXTURE ATLAS Converts vector MovieClip to texture atlas at runtime https://github.com/emibap
- 47. PRO TIP Pack as many of your graphics into texture atlases as possible to limit the number textures that need to be uploaded to the GPU.
- 51. STARLING DISPLAY OBJECTS Quad Image
- 52. STARLING DISPLAY OBJECTS Quad Image Sprite (container)
- 53. STARLING DISPLAY OBJECTS Quad Image Sprite MovieClip (container) (container)
- 55. PRO TIP Set the blend mode property to BlendMode.NONE on background display objects that dont require alpha to speed up performance.
- 57. WORKING WITH TEXT Displaying text in Starling is done using the TextField class
- 58. WORKING WITH TEXT Displaying text in Starling is done using the TextField class True-type fonts
- 59. WORKING WITH TEXT Displaying text in Starling is done using the TextField class True-type fonts Bitmap fonts
- 61. ANIMATION IN STARLING The enter frame event behaves more like a real game timer
- 62. ANIMATION IN STARLING The enter frame event behaves more like a real game timer
- 63. ANIMATION IN STARLING The enter frame event behaves more like a real game timer this.addEventListener(EnterFrameEvent.ENTER_FRAME, loop);
- 64. ANIMATION IN STARLING The enter frame event behaves more like a real game timer this.addEventListener(EnterFrameEvent.ENTER_FRAME, loop); private function loop(event:EnterFrameEvent):void
- 65. ANIMATION IN STARLING The enter frame event behaves more like a real game timer this.addEventListener(EnterFrameEvent.ENTER_FRAME, loop); private function loop(event:EnterFrameEvent):void {
- 66. ANIMATION IN STARLING The enter frame event behaves more like a real game timer this.addEventListener(EnterFrameEvent.ENTER_FRAME, loop); private function loop(event:EnterFrameEvent):void { trace("Time since last frame: " + event.passedTime);
- 67. ANIMATION IN STARLING The enter frame event behaves more like a real game timer this.addEventListener(EnterFrameEvent.ENTER_FRAME, loop); private function loop(event:EnterFrameEvent):void { trace("Time since last frame: " + event.passedTime); enemy.moveBy(event.passedTime * enemy.velocity);
- 68. ANIMATION IN STARLING The enter frame event behaves more like a real game timer this.addEventListener(EnterFrameEvent.ENTER_FRAME, loop); private function loop(event:EnterFrameEvent):void { trace("Time since last frame: " + event.passedTime); enemy.moveBy(event.passedTime * enemy.velocity); }
- 72. EXPORT A RELEASE BUILD The speed di鍖erence between the debug and release builds in Starling are huge. Dont make any assumptions on performance until you export a release build.
- 74. FLATTEN NON-CHANGING SPRITES Calling flatten on a sprite is similar to cacheAsBitmap in the regular display list. It reduces the number of draw calls dramatically. mySprite.flatten();
- 76. MAKE CONTAINERS UNTOUCHABLE If a container and its children do not need to be interactive with touch set its touchable property to false. container.touchable = false;
- 78. USE OBJECT POOLS pool.getSprite(); pool.returnSprite(s);
- 81. MINIMIZE STATE CHANGES Starling batches draw calls whenever possible. Changing the state of a display object will force a new draw call to the GPU. Properties that change the state include:
- 82. MINIMIZE STATE CHANGES Starling batches draw calls whenever possible. Changing the state of a display object will force a new draw call to the GPU. Properties that change the state include: The texture (textures from the same atlas are fine)
- 83. MINIMIZE STATE CHANGES Starling batches draw calls whenever possible. Changing the state of a display object will force a new draw call to the GPU. Properties that change the state include: The texture (textures from the same atlas are fine) The blendMode of display objects
- 84. MINIMIZE STATE CHANGES Starling batches draw calls whenever possible. Changing the state of a display object will force a new draw call to the GPU. Properties that change the state include: The texture (textures from the same atlas are fine) The blendMode of display objects The smoothing value of images
- 85. MINIMIZE STATE CHANGES Starling batches draw calls whenever possible. Changing the state of a display object will force a new draw call to the GPU. Properties that change the state include: The texture (textures from the same atlas are fine) The blendMode of display objects The smoothing value of images The repeat mode of textures
- 86. MINIMIZE STATE CHANGES Starling batches draw calls whenever possible. Changing the state of a display object will force a new draw call to the GPU. Properties that change the state include: The texture (textures from the same atlas are fine) The blendMode of display objects The smoothing value of images The repeat mode of textures The tinted property of quads
- 89. THE QUADBATCH CLASS QuadBatch is a low-level class that Starling uses to batch draw calls. It is lighter weight than a flattened Sprite.
- 90. THE QUADBATCH CLASS QuadBatch is a low-level class that Starling uses to batch draw calls. It is lighter weight than a flattened Sprite. All the objects you add must have the same state (i.e. use textures from the same atlas).
- 91. THE QUADBATCH CLASS QuadBatch is a low-level class that Starling uses to batch draw calls. It is lighter weight than a flattened Sprite. All the objects you add must have the same state (i.e. use textures from the same atlas). You can only add instances of the Image, Quad, or QuadBatch class.
- 92. THE QUADBATCH CLASS QuadBatch is a low-level class that Starling uses to batch draw calls. It is lighter weight than a flattened Sprite. All the objects you add must have the same state (i.e. use textures from the same atlas). You can only add instances of the Image, Quad, or QuadBatch class. It's a one-way road: you can only add objects.
- 96. USE SEPARATE SET OF HD TEXTURES
- 97. USE SEPARATE SET OF HD TEXTURES SD texture iPhone 3G
- 98. USE SEPARATE SET OF HD TEXTURES SD texture iPhone 3G HD texture iPhone 4S
- 100. CONTENT SCALE FACTOR Use this value to scale textures appropriately var scale:Number = starling.contentScaleFactor; var texture:Texture = Texture.fromBitmap(bmp, true, false, scale);
- 104. PARTICLE SYSTEM Easily add particle e鍖ects to your games
- 106. FOXHOLE UI component set particularly suited for mobile
- 110. CITRUS ENGINE Platformer game engine built on top of Starling
- 112. STARLING PUNK Framework based on the popular Flash Punk engine
- 114. ADOBE NOW SUPPORTS AWAY3D
- 116. COMBINING AWAY3D AND STARLING
- 120. QUESTIONS?