Introduction to Molehill
videos

Introduction to Molehill

Tutorial Details
  • Platform: Flash (Flash Player 11)
  • Screencast duration: 70 mins

Final Product What You'll Be Creating

This tutorial introduces the newest features of a future release of the Flash Player codenamed ‘Molehill’ (the final name will be Stage3D). Molehill enables full GPU rendering within Flash, allowing immersive 3D to be delivered not only to the browser but also to all devices that support compiled applications written in actionscript and Flash.

In this tutorial I not only show you how to get this latest beta version of the Flash Player, but also how to set up your development environment to enable creation of applications that leverage this great new feature. We’ll get hold of a copy of the latest build of Away3D, which has been built specially to take advantage of Molehill, and look at how to use it to display some amazing fully textured high poly 3D models all within the Flash Player.


Note: To follow this tutorial you’re going to need to download and install the latest Flash Player Incubator build. You can grab it over on Adobe Labs.


Section 1: Setting up Molehill

Molehill has been released as a beta version on the Adobe Labs pages, allowing developers to get to grips with what is possible with all this new version has to offer. In this video I will show you how to get hold of it and also outline how to set up your development environment to allow you to get started with building full 3D Flash apps.

Don’t like ads? Download the screencast, or subscribe to Activetuts+ screencasts via iTunes!


Section 2: Playing With 3D

In order to be able to display 3D stuff in Flash you need to have some 3D models. Thankfully, the open source suite Blender 3D has tons of stuff available and what better to use than a model from their latest open movie ‘Sintel‘.

Here I explain how to export your model and prepare the files ready to import them into your project. We’ll also look at getting started with coding our application to get our models loaded into our project as efficiently as possible.

Don’t like ads? Download the screencast, or subscribe to Activetuts+ screencasts via iTunes!


Section 3: Putting it All Together and Finishing Off

Finally we need to start adding textures to our models which have been loaded into the application. Here I explain what we need to do as well as making use of a class provided in the Away3D demos. We’ll be navigating around our model once it is displayed in Flash, as well as displaying updated text to the screen to allow our users to track the loading process.

Don’t like ads? Download the screencast, or subscribe to Activetuts+ screencasts via iTunes!

  • Frank Mawn

    The quality of the sound/videos is horrible. Sorry.

    • http://www.ultravisaul.co.uk Shane

      It does get better after about the first 30 seconds – the sound that is, the video quality is perfect. Will get a new mic for next time.

      Shane

    • http://snaptin.com Ian Yates
      Staff

      Hmm, sorry about that. The videos have definitely lost visual (and some sound) quality in the conversion to blip H.264. Could I suggest you download the original .mp4 files? They’re a lot easier to watch..

      Section 1
      Section 2
      Section 3

  • http://www.mehmetdemirel.com mehmet

    Thanks for the tut Shane.

  • http://www.ultravisual.co.uk Shane

    If you view it in chrome and click ‘download’ you still get to watch it in the browser, in the webkit native media player and the quality is mint :) Chrome rocks!

  • Ryan

    Is there a way, maybe in the stats, that you can tell if it truly is running in the GPU?

    • http://www.ultravisual.co.uk Shane

      Hi Ryan, As long as you have’ wmode’ set to ‘direct’ in the html wrapper and also hardware acceleration enabled in your flash player settings then it will be running in the gpu :)

      • thomas

        Thanks man! It is hard to find beginner tuts for molehill!

        Will you be doing more?

        Even if you don’t thanks for the tutorials helps me a lot!

  • http://ilopezdeaudikana.com/ mutiu

    Thank you for this tut….

    getting the source files would be a great help

    • http://michaeljameswilliams.com/ Michael James Williams
      • http://ilopezdeaudikana.com mutiu

        :)

  • http://english-corp.pl adrian

    This may be the very first tut on Molehill in internet, anyway i havent seen anything about it yet

  • Daniel

    Great tutorial Shane,

    Followed you till the end but getting a error:

    “T:\AS3 Classes\away3d\animators\skeleton\SkeletonPose.as:59: 1119: Access of possibly undefined property parentIndex through a reference with static type Joint.”

    Any suggestions

    Thanks

    • http://www.ultravisual.co.uk Shane

      Which model are you using? does your model have any armatures?

  • http://digitale-avantgarde.com chp

    I was so looking forward to see this, but I can’t understand a word. It’s very hard for not-native speakers to follow. :(

  • Pingback: ThreeJS model parser for Away3D Broomstick running on Molehill

  • Pingback: BSP Map in threeJS and AWAY3D using Molehill and webGL

  • http://www.raweden.se Raweden

    Great tutorial! but the sound, as many have mentioned is terrible also the keyboard quite annoying :/

  • Ilya

    Hi, When I am trying to run the demo I am getting this error:
    Error #1056: Cannot create property viewPort on flash.display.Stage3D.

  • Pingback: Molehill - Stand der Dinge? - Flashforum

  • http://NO Wrong title

    Should rename this to Introduction to Away3d 4 Broomstick rather than molehill, I’ve come here for lowlevel stuff, not 3d framework.

    • http://michaeljameswilliams.com/ Michael James Williams

      Noted; we’ll get low-level stuff up once I can find a writer :)

  • otomo

    The keyboard sounds like a steampunk typewriter.