Starling Deep Dive

STARLING DEEP DIVE

LEE BRIMELOW Developer Evangelistwww.leebrimelow.com @leebrimelow

LEE BRIMELOW THIBAULT IMBERT Developer Evangelist Sr. Product Managerwww.leebrimelow.com www.bytearray.org @leebrimelow @thibault_imbert

Sparrow is a pure Objective-C library created byGamua that allows developers to build native iOSgames using an API similar to Flash.

Sparrow is a pure Objective-C library created byGamua that allows developers to build native iOSgames using an API similar to Flash.Starling is based on Sparrow and is a pure AS3library that mimics the conventional Flash displaylist and all content is rendered by the GPU.

DANIEL SPERLCreator of Sparrow and Starling www.gamua.com

OFFICIAL ADOBE SUPPORT

EXAMPLE STARLING CODE

EXAMPLE STARLING CODEimport starling.display.Sprite;

EXAMPLE STARLING CODEimport starling.display.Sprite;var hero:Sprite = new Sprite();

EXAMPLE STARLING CODEimport starling.display.Sprite;var hero:Sprite = new Sprite();hero.x = 200;

EXAMPLE STARLING CODEimport starling.display.Sprite;var hero:Sprite = new Sprite();hero.x = 200;hero.y = 200;

EXAMPLE STARLING CODEimport starling.display.Sprite;var hero:Sprite = new Sprite();hero.x = 200;hero.y = 200;addChild(hero);

STARLING API

WORKING WITH ASSETS

FULL SUPPORT FOR SPRITE SHEETS

TEXTURE ATLAS Easily access diﬀerent textures and animationsmyTextureAtlas.getTextures(“fly”);

ADOBE TEXTURE FORMATA new compressed texture format created specifically for Stage3D We will be releasing tooling soon for creating ATF textures

DYNAMIC TEXTURE ATLASConverts vector MovieClip to texture atlas at runtime https://github.com/emibap

PRO TIPPack as many of your graphics into texture atlases as possible tolimit the number textures that need to be uploaded to the GPU.

STARLING DISPLAY OBJECTS

STARLING DISPLAY OBJECTSQuad

STARLING DISPLAY OBJECTSQuad Image

STARLING DISPLAY OBJECTSQuad Image Sprite (container)

STARLING DISPLAY OBJECTSQuad Image Sprite MovieClip (container) (container)

PRO TIPSet the blend mode property to BlendMode.NONE on backgrounddisplay objects that don’t require alpha to speed up performance.

WORKING WITH TEXTDisplaying text in Starling is done using the TextField class

WORKING WITH TEXTDisplaying text in Starling is done using the TextField class True-type fonts

WORKING WITH TEXTDisplaying text in Starling is done using the TextField class True-type fonts Bitmap fonts

ANIMATION IN STARLINGThe enter frame event behaves more like a real game timer

ANIMATION IN STARLING The enter frame event behaves more like a real game timerthis.addEventListener(EnterFrameEvent.ENTER_FRAME, loop);

ANIMATION IN STARLING The enter frame event behaves more like a real game timerthis.addEventListener(EnterFrameEvent.ENTER_FRAME, loop);private function loop(event:EnterFrameEvent):void

ANIMATION IN STARLING The enter frame event behaves more like a real game timerthis.addEventListener(EnterFrameEvent.ENTER_FRAME, loop);private function loop(event:EnterFrameEvent):void{

ANIMATION IN STARLING The enter frame event behaves more like a real game timerthis.addEventListener(EnterFrameEvent.ENTER_FRAME, loop);private function loop(event:EnterFrameEvent):void{ trace("Time since last frame: " + event.passedTime);

ANIMATION IN STARLING The enter frame event behaves more like a real game timerthis.addEventListener(EnterFrameEvent.ENTER_FRAME, loop);private function loop(event:EnterFrameEvent):void{ trace("Time since last frame: " + event.passedTime); enemy.moveBy(event.passedTime * enemy.velocity);

ANIMATION IN STARLING The enter frame event behaves more like a real game timerthis.addEventListener(EnterFrameEvent.ENTER_FRAME, loop);private function loop(event:EnterFrameEvent):void{ trace("Time since last frame: " + event.passedTime); enemy.moveBy(event.passedTime * enemy.velocity);}

STARLING OPTIMIZATION TIPS

EXPORT A RELEASE BUILDThe speed diﬀerence between the debug and release builds inStarling are huge. Don’t make any assumptions on performanceuntil you export a release build.

FLATTEN NON-CHANGING SPRITESCalling flatten on a sprite is similar to cacheAsBitmap in the regulardisplay list. It reduces the number of draw calls dramatically. mySprite.flatten();

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;

USE OBJECT POOLSpool.getSprite(); pool.returnSprite(s);

MINIMIZE STATE CHANGES

MINIMIZE STATE CHANGESStarling batches draw calls whenever possible. Changing the stateof a display object will force a new draw call to the GPU. Propertiesthat change the state include:

MINIMIZE STATE CHANGESStarling batches draw calls whenever possible. Changing the stateof a display object will force a new draw call to the GPU. Propertiesthat change the state include: • The texture (textures from the same atlas are fine)

MINIMIZE STATE CHANGESStarling batches draw calls whenever possible. Changing the stateof a display object will force a new draw call to the GPU. Propertiesthat change the state include: • The texture (textures from the same atlas are fine) • The blendMode of display objects

MINIMIZE STATE CHANGESStarling batches draw calls whenever possible. Changing the stateof a display object will force a new draw call to the GPU. Propertiesthat change the state include: • The texture (textures from the same atlas are fine) • The blendMode of display objects • The smoothing value of images

MINIMIZE STATE CHANGESStarling batches draw calls whenever possible. Changing the stateof a display object will force a new draw call to the GPU. Propertiesthat 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

MINIMIZE STATE CHANGESStarling batches draw calls whenever possible. Changing the stateof a display object will force a new draw call to the GPU. Propertiesthat 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

THE QUADBATCH CLASS

THE QUADBATCH CLASSQuadBatch is a low-level class that Starling uses to batch drawcalls. It is lighter weight than a flattened Sprite.

THE QUADBATCH CLASSQuadBatch is a low-level class that Starling uses to batch drawcalls. 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).

THE QUADBATCH CLASSQuadBatch is a low-level class that Starling uses to batch drawcalls. 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.

THE QUADBATCH CLASSQuadBatch is a low-level class that Starling uses to batch drawcalls. 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. • Its a one-way road: you can only add objects.

MULTI-SCREEN DEVELOPMENT

USE SEPARATE SET OF HD TEXTURES

USE SEPARATE SET OF HD TEXTURESSD textureiPhone 3G

USE SEPARATE SET OF HD TEXTURESSD textureiPhone 3G HD texture iPhone 4S

CONTENT SCALE FACTOR Use this value to scale textures appropriatelyvar scale:Number = starling.contentScaleFactor;var texture:Texture = Texture.fromBitmap(bmp,true, false, scale);

STARLING EXTENSIONSwiki.starling-framework.org/extensions/start

PARTICLE SYSTEMEasily add particle eﬀects to your games

FOXHOLEUI component set particularly suited for mobile

FRAMEWORKS USING STARLING

CITRUS ENGINEPlatformer game engine built on top of Starling

STARLING PUNKFramework based on the popular Flash Punk engine

ADOBE NOW SUPPORTS AWAY3D

COMBINING AWAY3D AND STARLING

STARLING MOBILE DEMOS

QUESTIONS?

http://www.leebrimelow.com	26066
http://flashapplications.de	1247
http://zanuzawa.blogspot.com	866
http://mochiland.com	333
http://richinternetapplication.collected.info	172
http://goflash.collected.info	167
http://www.redcodelabs.com	60
http://www-ig-opensocial.googleusercontent.com	55
http://feeds.feedburner.com	29
http://translate.googleusercontent.com	21
http://nyelem.blogspot.com	14
http://newsflash.collected.info	12
http://www.hanrss.com	12
http://zanuzawa.blogspot.co.uk	8
http://mx1.leebrimelow.com	5
http://cafe463.daum.net	5
http://reader.googleusercontent.com	4
http://editor.daum.net	4
http://www.yule-club.de	3
http://abtasty.com	3
http://imap.leebrimelow.com	3
http://webcache.googleusercontent.com	3
http://zanuzawa.blogspot.com.ar	3
http://www.newsblur.com	3
http://xss.yandex.net	3
http://zanuzawa.blogspot.ca	3
http://zanuzawa.blogspot.de	2
http://zanuzawa.blogspot.in	2
http://zanuzawa.blogspot.mx	2
http://pop.leebrimelow.com	2
http://zanuzawa.blogspot.sg	2
http://zanuzawa.blogspot.hk	2
http://yule-club.de	1
http://zanuzawa.blogspot.ru	1
http://zanuzawa.blogspot.jp	1
http://10.1.254.14	1
http://zanuzawa.blogspot.ro	1
http://wwww.leebrimelow.com	1
http://zanuzawa.blogspot.kr	1
http://127.0.0.1	1
http://smtp.leebrimelow.com	1
http://blog.leebrimelow.com	1
http://www.countdownpage.eu	1
http://zanuzawa.blogspot.nl	1

Starling Deep Dive

by brimelow on Jul 31, 2012

Accessibility

Categories

Upload Details

Usage Rights

44 Embeds 29,128

Statistics

Starling Deep Dive Presentation Transcript