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

2. Developer Nightmare
Boss? Deadline? Bug? No…

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

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

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

8. 64px
96px
128px
256px

10. <?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>
FXG Problem?
Not so human readable
<!-- / -->
<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>

11. 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

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

13. 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/