Tools for Creating WOW Experiences

in Adobe Flex

by Pek Pongpaettwitter: @wushudork

email: ppongpaet@roundarch.com

Chicago Flex Users GroupMay 2009

Presentation Outline

Presentation Outline

1. Intro

Presentation Outline

1. Intro2. Tools

Presentation Outline

1. Intro2. Tools3. What’s Next?

Does Your Application Look Like This?

Think Outside the <mx:Box/>

Your Application Could Look Like

Amazon Window Shopwww.windowshop.com

Mazda 6http://www.mazdausa.com/MusaWeb/displayPage.action?pageParameter=mazda6

CoolFlickwww.coolflick.org

FotoViewrwww.fotoviewr.com

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

Tour De Flex

AIR appfeaturing components, skins, effects - sample resources w/ code

Degrafa

declarative open source graphics framework

ria uIdata vizgraphics rendering

www.degrafa.org

Degrafa Demo

Clean MXML

Encapsulated Styling

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 -

AS3DMod

code.google.com/p/as3dmod

Vizual PV3D

www.juxtinteractive.com/work/vizualpv3d/

Natural User Interfaces

Nintendo Wii

0

25,000,000

50,000,000

75,000,000

100,000,000

DS Wii Xbox360 PS3

Units Sold

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-for-large-interactive-walls/

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

Pek Pongpaet

• http://www.twitter.com/wushudork

• http://blog.pekpongpaet.com

• http://www.roundarch.com

• RIA Developer and Designer

• Human Computer Interaction & User Experience

• Roundarch