Before getting started, if you are interested, drop your email address in at my tutorials page and I will notify you by email whenever I add a new tutorial to Actionscript.org. You can do this at http://www.ascensionsystems.ca/tutorials/.

The first thing you'll need to do is set up your stage and library for this tutorial. First, set your stage width to 1000 and height to 400. Create 6 buttons and place them on the stage and give them instance names of b1, b2, b3, b4, b5, and b6.

Create 6 unique items/images you would like to be in the menu. Below is the example you're going to be recreating.



( You need flash player 10 installed to view it correctly. See it in a new window here).

Anyway moving along.

The last thing that you need to do for setup is; -Go into the library -Set the class names for each of the 6 unique menu items you create to s1, s2, s3, s4, s5 and s6.

A note to people using CS3: Go to http://www.ascensionsystems.ca/tutorials/watch/fp10authoring/fp10flashcs3.html to view a video tutorial on how to configure flash CS3 to publish flash player 10 content. This will enable you to follow along with this tutorial. If you can, go to Adobe's website and download the CS4 trial.

You can download the source files for this project at http://www.ascensionsystems.ca/3DMenu.rar

ALSO FOR THIS TUTORIAL you are going to need two custom classes. Tweener and SimpleZSorter. The links are:

SimpleZSorter: http://code.google.com/p/leebrimelow/
Tweener: http://code.google.com/p/tweener/downloads/list (Make sure you get the AS3 one)

If you don't know how to use custom classes in Flash check out http://gotoandlearn.com/play?id=30 for a video tutorial by Lee Brimelow.

That's it for setup, now it's all code from here, YAY... not.