Flex & Stage3D Visualization Sample

Posted: August 24th, 2011 | Author: | Filed under: Adobe, AIR, Android, iOS, Mobile | Tags: , , | 9 Comments »

Stage3D is starting to look incredibly promising for developers. Whether you are targeting mobile, web, or desktop or developing for gaming or data visualization, the future is bright. I was in the Adobe offices in San Francisco last week meeting with the team, and Thibault Imbert showed us some jaw dropping demos… Keep an eye out for whenever those become public.

…but it is not all about games. In a recent post, I showed off some basic stage3d hardware accelerated graphics within AIR on mobile devices. I’ve been developing some ideas to show how this can be applied within non-gaming contexts, and I figured I’d show my progress so far. The previous post was an actionscipt-only project. In enterprise scenarios, you most likely will want to take advantage of the plethora of pre-built components that the Flex framework provides. The progression for me was natural; How about showing what Stage3D can do within a Flex for mobile application?

Above is a fairly basic visualization application. There is a stage3D-based custom charting component, tied into data that is displayed using a standard spark List with a custom item renderer. The chart is based on my previous example, and obviously isn’t fully fleshed out (no legend, no ticks, no axis labels, etc…). Did I mention, this is on a tablet? Oh yeah, that is pretty awesome. Did I also mention that it will be cross platform once released? Oh yeah, that is pretty awesome too.

The data is morbid, but it works for my scenario. It is based on this data set from CMU.edu, which shows the cancer deaths and the number of cigarrettes consumed per state.

Please keep in mind, this is all beta, and not a final build. I’ll post the source code once Stage3D for mobile is publicly available.

9 Comments on “Flex & Stage3D Visualization Sample”

  1. 1 mityok said at 10:23 AM on August 25th, 2011:

    Great demo!
    Looking forward to test some 3d on my tablet and phone. Waiting for that beta 3 with stage3d support :)

  2. 2 Rock Star said at 10:38 PM on August 25th, 2011:

    It’s really amazing. I never thought that, this kind of application could be made by Adobe Flex.

  3. 3 Eduardo said at 12:45 AM on August 26th, 2011:

    Any prediction of when Stage3D will be released? I have a few ideas for apps and am eagerly waiting!

  4. 4 Andrew said at 10:27 AM on August 26th, 2011:

    There have been no public announcements yet, but I’ll be sure to let everyone know once it has been finalized and made public!

  5. 5 Andrew Trice » Blog Archive » Project Awesome said at 4:42 PM on August 31st, 2011:

    [...] [...]

  6. 6 Cool Stuff with the Flash Platform - 8/30/2011 | Remote Synthesis said at 10:43 AM on September 1st, 2011:

    [...] evangelist Andrew Trice shares a video demonstration of a Flex and Stage3D data visualization sample application running on a tablet device. He plans to release the source once Stage3D for [...]

  7. 7 John Childress said at 5:38 PM on January 12th, 2012:

    Any update on releasing the source code for this demo?

  8. 8 Andrew said at 11:24 PM on January 26th, 2012:

    I have posted the source code for a desktop port of my mobile Stage3D examples on this blog at:
    http://www.tricedesigns.com/2012/01/26/stage3d-flex-demo-w-source/
    The only changes were to the Flex SDK targeting the Flash Player, instead of targeting the mobile SDK. All Stage3D code is exactly the same.

  9. 9 Andrew said at 10:18 AM on January 27th, 2012:

    Yes, the source is available here: http://www.tricedesigns.com/2012/01/26/stage3d-flex-demo-w-source/

Leave a Reply

    •