FXG and Flex Mobile Development

929 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
929
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

FXG and Flex Mobile Development

  1. 1. FxAIR.org Tech Gathering #14FXG and Flex Mobile Development
  2. 2. Developer NightmareBoss? Deadline? Bug? No…
  3. 3. Bitmap? Vector (FXG)?Performance? Pixel? Mobile?
  4. 4. Hard to Choose?NO!!! Go for Vector.
  5. 5. The New HTC One468 PPI… OMG…One X (312 PPI)Retina (326 PPI)
  6. 6. 64px 96px 128px 256px
  7. 7. <?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>
  8. 8. 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
  9. 9. FXG File Size?FXG 823 bytes vs PNG 3,588 bytesDon’t forget MultiDPIBitmap * 3= at least 10,764 bytes
  10. 10. Tools to HelpAdobe Illustrator / Adobe Fireworks-  Export FXG (dirty but work)7JIGEN LABS FXG Editor AIRhttp://labs.7jigen.net/2010/05/15/fxg-editor-air-app/

×