fxg and flex mobile development
TRANSCRIPT
![Page 1: FXG and Flex Mobile Development](https://reader035.vdocument.in/reader035/viewer/2022062709/558fc7be1a28ab804e8b479d/html5/thumbnails/1.jpg)
FxAIR.org Tech Gathering #14 FXG and Flex Mobile Development
![Page 2: FXG and Flex Mobile Development](https://reader035.vdocument.in/reader035/viewer/2022062709/558fc7be1a28ab804e8b479d/html5/thumbnails/2.jpg)
Developer Nightmare Boss? Deadline? Bug? No…
![Page 3: FXG and Flex Mobile Development](https://reader035.vdocument.in/reader035/viewer/2022062709/558fc7be1a28ab804e8b479d/html5/thumbnails/3.jpg)
![Page 4: FXG and Flex Mobile Development](https://reader035.vdocument.in/reader035/viewer/2022062709/558fc7be1a28ab804e8b479d/html5/thumbnails/4.jpg)
![Page 5: FXG and Flex Mobile Development](https://reader035.vdocument.in/reader035/viewer/2022062709/558fc7be1a28ab804e8b479d/html5/thumbnails/5.jpg)
Bitmap? Vector (FXG)? Performance? Pixel? Mobile?
![Page 6: FXG and Flex Mobile Development](https://reader035.vdocument.in/reader035/viewer/2022062709/558fc7be1a28ab804e8b479d/html5/thumbnails/6.jpg)
Hard to Choose? NO!!! Go for Vector.
![Page 7: FXG and Flex Mobile Development](https://reader035.vdocument.in/reader035/viewer/2022062709/558fc7be1a28ab804e8b479d/html5/thumbnails/7.jpg)
The New HTC One 468 PPI… OMG… One X (312 PPI) Retina (326 PPI)
![Page 8: FXG and Flex Mobile Development](https://reader035.vdocument.in/reader035/viewer/2022062709/558fc7be1a28ab804e8b479d/html5/thumbnails/8.jpg)
64px 96px 128px 256px
![Page 9: FXG and Flex Mobile Development](https://reader035.vdocument.in/reader035/viewer/2022062709/558fc7be1a28ab804e8b479d/html5/thumbnails/9.jpg)
![Page 10: FXG and Flex Mobile Development](https://reader035.vdocument.in/reader035/viewer/2022062709/558fc7be1a28ab804e8b479d/html5/thumbnails/10.jpg)
<?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
![Page 11: FXG and Flex Mobile Development](https://reader035.vdocument.in/reader035/viewer/2022062709/558fc7be1a28ab804e8b479d/html5/thumbnails/11.jpg)
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
![Page 12: FXG and Flex Mobile Development](https://reader035.vdocument.in/reader035/viewer/2022062709/558fc7be1a28ab804e8b479d/html5/thumbnails/12.jpg)
FXG File Size? FXG 823 bytes vs PNG 3,588 bytes Don’t forget MultiDPIBitmap * 3 = at least 10,764 bytes
![Page 13: FXG and Flex Mobile Development](https://reader035.vdocument.in/reader035/viewer/2022062709/558fc7be1a28ab804e8b479d/html5/thumbnails/13.jpg)
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/