Hi guys and gals (although something tells me it’s probably more guys),

I’m starting to work on a project at the moment, where we’re using AIR 3.0 and Stage3D. The project will use a 2D interface, but when an element is selected, elements will come into play on top of the 2D. As Stage3D always sits behind the 2D content, this is going to be a bit of a challenge, but we really want to make use of GPU accelerated 3D as performance is absolutely vital.

What I’m looking to do isn’t a million miles away from the showcase items on the Away3D homepage (where the images are transitioning between one another through the ‘box’ transitions), so as a relative newb to Away3D I was hoping someone, anyone could give me any guidance about how I’d go about doing this?

Will of course be happy to share any of the Away3D-specific code back to the community once I’ve managed to nail this!

I’ve never tried building something like that but my guess is:

1. Load up an image

2. Take that image into bitmap data and split it into a grid of bitmap data items and place use this for the texture on your planes, cubes, etc (for loop)

3. Assemble your 3D scene using the bitmap data that you have split.

4. If you see lines between the cubes / planes when at re-assemble point (do a super quick alpha tween of the original image over the top of it (matching width and height) to give it that nice finish. Could be a plane with the complete image on it or 2D use of the image)

Most of the hard work will be the bitmap data stuff, which is standard AS3 classes, so Adobe live docs and a bit of google will help you with that.

Let us know how you get on.

Darcey