FXG and Flex Mobile Development

FxAIR.org Tech Gathering #14 FXG and Flex Mobile Development

Developer Nightmare Boss? Deadline? Bug? No…

Bitmap? Vector (FXG)? Performance? Pixel? Mobile?

Hard to Choose? NO!!! Go for Vector.

The New HTC One 468 PPI… OMG… One X (312 PPI) Retina (326 PPI)

64px 96px 128px 256px

<?xml version="1.0" encoding="UTF-8"?> <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009" viewHeight= "144" viewWidth= "256">

<!-- > --> <Path winding="evenOdd" data="M 199 23 L 181 38 L 221 75 L 181 113 L 200 128 L 255 75 L 199 23 Z "

blendMode="normal" alpha="1"> <fill> <SolidColor color="#ffffff"/> </fill> </Path>

<!-- / --> <Path winding="evenOdd" data="M 168 2 L 134 143 L 112 143 L 147 2 L 168 2 Z " blendMode="normal" alpha="1"> <fill> <SolidColor color="#ffffff"/> </fill> </Path> <!-- < --> <Path winding="evenOdd" data="M 56 23 L 1 75 L 57 128 L 75 113 L 35 75 L 75 38 L 56 23 Z "

blendMode="normal" alpha="1"> <fill> <SolidColor color="#ffffff"/> </fill> </Path>

</Graphic>

FXG Problem? Not so human readable

FXG Performance? Let’s check it out~ -  50 icons in Tile layout inside Scroller -  Testing on HTC One X -  PNG vs FXG / CPU vs GPU

FXG File Size? FXG 823 bytes vs PNG 3,588 bytes Don’t forget MultiDPIBitmap * 3 = at least 10,764 bytes

Tools to Help Adobe Illustrator / Adobe Fireworks -  Export FXG (dirty but work)

7JIGEN LABS FXG Editor AIR http://labs.7jigen.net/2010/05/15/fxg-editor-air-app/