Fully Interactive 3D Browser with AIR and Papervision3D

Today I put together a cool demo that features some of the best features of both AIR and Papervision3D. When you download and launch the application you will have a fully interactive 3D browser on your desktop. The browser doesn’t have any chrome and it slowly rotates on its Y axis. You will notice that the Ajax items on yahoo.com work nice and smooth when you roll over them.

When you launch the application you will need to wait until it loads the first page before you see anything. Once it displays you can click on links, type in form fields, and even select and copy text to the clipboard. These things will also work on the back of the browser as it rotates. All this was put together in Flash CS3 and extended an interactive example that John Grden put together. Now of course this application taxes your system’s resources as it is doing a ton of stuff. But this type of thing would be impossible with any other technology and it runs amazingly smooth on my machine. I’ll get the source up in the next couple of days.

Lee :-)


Commentary

  1. This is a pretty neat demo.. PV3D is such a great 3d library.

    o/t: I see your not free from spam like the rest of us. :)

    Matt

  2. pixelmixer says:

    Pretty cool… So how does importing/rendering the url work? The 3D part is fairly simple. I’m curious how everything else works. Is this the handywork of AIR?

  3. Doubleslash says:

    Hi,

    this is nice, but it causes > 100% cpu usage on my iMac (Mid 2006) with Core 2 Duo 2,16 Ghz.

  4. mike chambers says:

    >Is this the handywork of AIR?

    Yes. This is using the HTML support within AIR.

    mike chambers

    mesh@adobe.com

  5. Hu says:

    This is awesome, Lee. I even pulled up Google maps.
    Nice job.
    My question:
    1. How to go to a new site by entering URL just as in FireFox?
    2. Can I control the spinning in any way? It is making me dizzy a bit…

  6. ockley says:

    This is so cool … and so weird. It runs quite nice on my Macbook Pro, and searching the web, clicking menus was a pleasant experience :-)

    I had a small contest (with my self) clicking the web search link at the smallest possible angle. I won, but cheated a bit by pressing enter.

    One thing i miss is the scrollbars. Without that, I will have a harder time using it (beside the non controlling rotation) :-)

    What are the steps for giving it a chrome? Can it be done.

    Thanks for showing me this – I think it’s cool

    /ockley

  7. lee says:

    Yes I’m going to expand this example to include some chrome and the ability to control the rotation. Maybe tomorrow on the train :)

  8. LEE says:

    neat alpha beta! = ]

  9. zach says:

    hmmm. Can’t stop the rotation, can’t enter a URL, dosen’t correctly display flash sites…
    But other than that pretty impressive?

  10. Edward McIntyre says:

    I need to do some more reading on how to use AIR. You are definitely doing your job lee. :)

  11. Chuck says:

    Lee, this is amazing. So many possibilities. I can’t wait until you post the source code.

  12. Art?! says:

    Amazing! Realy cool :D
    Lee I have a problem with you’re “Papervision3D onAIR Bus Example”
    If I want to modify it I get errors:
    “1119: Access of possibly undefined property NONE through a reference with static type Class.”
    “1067: Implicit coercion of a value of type org.papervision3d.materials:MaterialsList to an unrelated type org.papervision3d.core.proto:MaterialObject3D.”
    “1137: Incorrect number of arguments. Expected no more than 8.”
    How can I fix this?
    Arthur

  13. Rackdoll says:

    W00t,
    All hail Lee! :D
    Nice going there Lee. Looks pretty nice.
    Loved your Amsterdam Adobe usergrp kickoff btw :)

  14. KL says:

    Pretty Amazing this one. I made a web browser with air but never thought to rotate it :-) Giid stuff Lee.

  15. Greg Ferrell says:

    This is pretty amazing lee. I cannot wait to see the source code!

  16. Otto says:

    It’s so smooth… It even works backwards! Is he a wizard?!

  17. lee says:

    The Papervision guys are the wizards!

  18. Francis Lukesh says:

    zomg, my processor just melted! who’s going to buy me a new laptop? j/k fun stuff.

  19. Jay says:

    “But this type of thing would be impossible with any other technology”

    Could you accomplish the same thing with Java or C?

  20. lee says:

    Jay, no way you could do that in Java. I’m sure you could in C because you can basically do anything in C. I guess I meant any typical desktop development framework like .NET, Java, etc. It is technically possible in WPF but it would run at around 1 fps due to performance.

  21. Fine demo. This is going to make is soooo easy to make desktop widgets to web content. Ironically the browser in AIR dosn’t yet support Flash(!)
    Any idea if they intend to address this little “faux pas” before it ships?
    Keep up with the ultra-useful demos. Jakob Nielsen eat your heart out.

  22. Seb says:

    This is simly awesome!

    Altough I am 100% sure that it is not… Would this be possible with Flash Player 9? or 10? (as Adobe AIR is not a standard yet)

    Thanks for your help.

  23. Seb says:

    For Peter:

    “Flash based applications will be able to include HTML based content. Also, though not currently available in Adobe AIR Beta 2, HTML based applications will be able to display Flash based content in version 1.0.” – taken from http://labs.adobe.com/wiki/index.php/Apollo:developerfaq#What_type_of_applications_does_Adobe_AIR_target.3F

  24. For anyone who missed it, Beta 3 includes Flash support in the HTML browser window. Amongst other things this allows you to have you’re old AS1/AS2 apps running inside your new AS3 super apps, aswell as using them as textures in you ever so cool PV3D models.

    Now what other features can we think of? How about support for plugins in the browser, so we can include unity3D in there aswell?

    Cheers

  25. Adam Ray says:

    Any chance for the source?

    Or can I have some clue as to how you bridged the gap to get PV3D into AIR? I have a small example working in Flex 3 beta 3 but cant get anything into AIR. My error is:

    “TypeError: Error #1009: Cannot access a property or method of a null object reference.
    at next2/init()[C:\Users\topcat\Documents\Flex Builder 3\next2\src\next2.mxml:71]”

    What is the situation with accessing the stage in AIR?

    I might have to bug you at FITC in Feb :)

  26. Tam says:

    I can’t run it because it says it was made in a too older version than mine.

  27. jassa says:

    awesome example lee. I’ve recreated it myself but can’t get any interaction with the HTML content? I’m using a Plane with a MovieAssetMaterial ( interactive set to true). Any ideas?

    Cheers,
    Jassa

  28. rick says:

    I can’t install it:

    Sorry, an error has occurred
    This application requirs a version of Adobe AIR which is no longer supported. Please contact the application author for an updated version.

    So.. could you please upload a new version? tnx!

  29. Me too! I have AIR 1.01!!
    Could you release some source? ;)

  30. Cherish says:

    I?download it but …”This application requires a version of Adobe AIR which is no longer supported. Please contact the application author for an updated version.”
    could you please upload a new version?thanks!

  31. Alarm says:

    hi,
    i downloaded this appilication and install
    but i got this message
    “This application requires a version of Adobe AIR which is no longer supported. Please contact the application author for an updated version.”

  32. Glen Charles Rowell says:

    I have been looking for an example of loading a HTML page in AIR for ages. If you could put those files up, it would be wonderful.

    I will make a tutorial for everyone after I get to see the code you have. Also if you know an easy way to just display a HTML page in Air using AS3 and Flash CS3 I would love to learn how to do that.

    Regards,

    Glen Charles Rowell

  33. Source_waiter says:

    Where is the source?

  34. ecard guy says:

    Any chance of getting updated source that works with the current version of Flex?

    Regards,
    ECG

  35. tom says:

    When you “download and launch the application” IT gives you an error message saying the version of air is no longer supported. Do you have one that is

  36. Marcio says:

    Same error here..

  37. varun says:

    same error …….

  1. [... Today I put together a cool demo that features some of the best features of both AIR and Papervision3D. When you download and launch the application you will have a ...]

  2. [... Today I put together a cool demo that features some of the best features of both AIR and Papervision3D. When you download and launch the application you will have a ...]

  3. [... Today I put together a cool demo that features some of the best features of both AIR and Papervision3D. When you download and launch the application you will have a ...]

Leave a Comment