Basic Tutorial

1. Create a new MovieClip symbol and name it ‘s1’.

At the same time give it a linkage name as shown below (use the "Advanced" button to show the additional options and check the option "Export for ActionScript")

2. Now add any content to the new movieclip (a vector shape, text, pictures, animation or video, another component or external swf file). To make things easier, let's start with the simple square shape as shown below.

3. Now go back to your main timeline, open the Components Panel and select the ‘3D Box’ as shown below.

4. Drag an instance of the 3D Box component and drop it onto the stage.

5. Now open the Parameters panel as shown below.

As the 3D box contains 6 sides, you can create different movieclips to represent each side. In this example, we'll use the same movieclip (s1) for all six sides.

Enter the linkage names of the six movieclips (separated by commas), which represent each of the 6 sides of the box, in the content field:

That's all. Now test your movie (Ctrl-Enter) and see the result:

Drag and roll with your mouse to check the 3D engine.

Play around with the other 3DBox component settings and see what they do:

Auto dimensions - on/off auto calculation box dimensions.

Scale - starting scale of 3D box.

Friction - coefficient of deceleration for rotating the 3DBox.

Allow mouse control - a native mouse support engine, allows to rotate the 3DBox with the mouse (see the advanced tutorial to see how to create your own mouse interaction script).

Small 3D Box preview on the left side of the Properties window allows you to set the 3D position, the angle. To do this, just click your mouse on it and drag.

[1] [2] [3] [4] buttons are actually 'pages' that allow you to access the rest of the properties of the 3DBox.

Note: 3D Box simple is a simpler version (as well as a superclass) of 3D Box but may be useful if you wish to create static 3D boxes which have no mouse interaction and no 3D rotation support.