Tools for Creating
WOW Experiences
  in Adobe Flex
    Chicago Flex Users Group
           May 2009

          by Pek Pong...
Presentation Outline
Presentation Outline

1. Intro
Presentation Outline

1. Intro
2. Tools
Presentation Outline

1. Intro
2. Tools
3. What’s Next?
Does Your Application Look Like
            This?
Think Outside the <mx:Box/
             >
Your Application Could Look Like
www.windowshop.com   Amazon Window Shop
http://www.mazdausa.com/MusaWeb/displayPage.action?pageParameter=mazda6   Mazda 6
www.coolflick.org   CoolFlick
www.fotoviewr.com   FotoViewr
Yeah, but these are consumer apps
Example of 3D Folder Navigation
Desktop AIR Widget
PokerVision 3D




http://pixelwelders.com/blog/game-design/2008/pokervision3d/
Tools
Scale Nine




www.scalenine.com
AIR app
    featuring components,
    skins, effects - sample
    resources
    w/ code




Tour De Flex
Degrafa

    declarative open source
    graphics framework

    ria uI
    data viz
    graphics rendering




www.degraf...
Degrafa Demo
Clean MXML
Encapsulated Styling
ActionScript 3D Libraries

          not as many users on
          sandy but some people
          find the structure easi...
AS3DMod




code.google.com/p/as3dmod
Vizual PV3D




www.juxtinteractive.com/work/vizualpv3d/
Natural User Interfaces
Nintendo Wii
Units Sold

100,000,000



 75,000,000



 50,000,000



 25,000,000



         0
              DS         Wii    Xbox360...
http://www.flickr.com/photos/jenniferraymond/2698136226/
Head Tracking
3D Earth with Head Tracking




http://blog.pekpongpaet.com/2009/05/10/3d-earth-with-head-tracking/
Augmented Reality
Twitter + Augmented Reality




http://blog.pekpongpaet.com/2009/04/05/twitter-augmented-reality/
Handwriting Recognition
Virtual Post It Board




http://blog.pekpongpaet.com/2009/04/13/concept-virtual-corkboard-with-handwriting-recognition-fo...
Resources
•   http://www.windowshop.com/
•   http://www.mazdausa.com/MusaWeb/displayPage.action?pageParameter=mazda6
•   h...
Pek Pongpaet


•   RIA Developer and Designer
•   Human Computer Interaction & User Experience
•   Roundarch




•   http:...
Tools For Creating Wow Experiences In Flex
Upcoming SlideShare
Loading in...5
×

Tools For Creating Wow Experiences In Flex

2,772

Published on

Chicago Flex Users Group Talk in May 2009 by Pek Pongpaet

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

No Downloads
Views
Total Views
2,772
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
98
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

  • Short, Fun, and Informative



  • http://www.windowshop.com/
  • http://www.mazdausa.com/MusaWeb/displayPage.action?pageParameter=mazda6
  • http://www.coolflick.org/
  • http://www.fotoviewr.com/


  • A way to disseminate information
    Cube Spin
  • http://pixelwelders.com/blog/game-design/2008/pokervision3d/

  • http://www.scalenine.com/





  • Papervision3D, Away3D, Alternativa, Sandy,
    not as many users on sandy but some people find the structure easier

    alternative performance is great but is not open source - russian -
  • http://www.everydayflash.com/blog/index.php/2008/11/03/paper-simulation-as3dmod/


  • http://wiiflash.bytearray.org/
  • http://news.bbc.co.uk/2/hi/technology/7964459.stm
    http://vgchartz.com/?gr_i_ni
  • 50M units, some 20% of owners had never owned a console before buying the Wii. He also noted that 47% of DS sales were made by women.
  • http://www.flickr.com/photos/jetbluestone/3140176761/

  • http://blog.pekpongpaet.com/2009/05/10/3d-earth-with-head-tracking/
  • http://www.libspark.org/wiki/saqoosha/FLARToolKit/en
  • http://blog.pekpongpaet.com/2009/04/05/twitter-augmented-reality/

  • http://blog.pekpongpaet.com/2009/04/13/concept-virtual-corkboard-with-handwriting-recognition-for-large-interactive-walls/


  • Tools For Creating Wow Experiences In Flex

    1. 1. Tools for Creating WOW Experiences in Adobe Flex Chicago Flex Users Group May 2009 by Pek Pongpaet twitter: @wushudork email: ppongpaet@roundarch.com
    2. 2. Presentation Outline
    3. 3. Presentation Outline 1. Intro
    4. 4. Presentation Outline 1. Intro 2. Tools
    5. 5. Presentation Outline 1. Intro 2. Tools 3. What’s Next?
    6. 6. Does Your Application Look Like This?
    7. 7. Think Outside the <mx:Box/ >
    8. 8. Your Application Could Look Like
    9. 9. www.windowshop.com Amazon Window Shop
    10. 10. http://www.mazdausa.com/MusaWeb/displayPage.action?pageParameter=mazda6 Mazda 6
    11. 11. www.coolflick.org CoolFlick
    12. 12. www.fotoviewr.com FotoViewr
    13. 13. Yeah, but these are consumer apps
    14. 14. Example of 3D Folder Navigation
    15. 15. Desktop AIR Widget
    16. 16. PokerVision 3D http://pixelwelders.com/blog/game-design/2008/pokervision3d/
    17. 17. Tools
    18. 18. Scale Nine www.scalenine.com
    19. 19. AIR app featuring components, skins, effects - sample resources w/ code Tour De Flex
    20. 20. Degrafa declarative open source graphics framework ria uI data viz graphics rendering www.degrafa.org
    21. 21. Degrafa Demo
    22. 22. Clean MXML
    23. 23. Encapsulated Styling
    24. 24. ActionScript 3D Libraries not as many users on sandy but some people find the structure easier alternative performance is great but is not open source - russian -
    25. 25. AS3DMod code.google.com/p/as3dmod
    26. 26. Vizual PV3D www.juxtinteractive.com/work/vizualpv3d/
    27. 27. Natural User Interfaces
    28. 28. Nintendo Wii
    29. 29. Units Sold 100,000,000 75,000,000 50,000,000 25,000,000 0 DS Wii Xbox360 PS3
    30. 30. http://www.flickr.com/photos/jenniferraymond/2698136226/
    31. 31. Head Tracking
    32. 32. 3D Earth with Head Tracking http://blog.pekpongpaet.com/2009/05/10/3d-earth-with-head-tracking/
    33. 33. Augmented Reality
    34. 34. Twitter + Augmented Reality http://blog.pekpongpaet.com/2009/04/05/twitter-augmented-reality/
    35. 35. Handwriting Recognition
    36. 36. Virtual Post It Board http://blog.pekpongpaet.com/2009/04/13/concept-virtual-corkboard-with-handwriting-recognition-for-large-interactive-walls/
    37. 37. Resources • http://www.windowshop.com/ • http://www.mazdausa.com/MusaWeb/displayPage.action?pageParameter=mazda6 • http://www.coolflick.org/ • http://www.fotoviewr.com • http://flex.org/tour • http://www.degrafa.org/ • http://blog.papervision3d.org/ • http://wiiflash.bytearray.org/ • http://drawlogic.com/tag/marilena/ • http://www.libspark.org/wiki/saqoosha/FLARToolKit/en
    38. 38. Pek Pongpaet • RIA Developer and Designer • Human Computer Interaction & User Experience • Roundarch • http://www.twitter.com/wushudork • http://blog.pekpongpaet.com • http://www.roundarch.com
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×