1. Create a new Actionscript 3 File and save the file as carousel.fla.

2. Open the Components panel (Window >Components) and drag an instance of the 3D Wall component onto the stage. The 3D Wall component can be found in the AF Components folder.

This is how the component looks on stage:

As you can see, the component has a live preview which is very helpful because it allows you to see how the component will be rendered, without having to test the movie. If you chose a different preloader or set a border property or other visual element, you will immediately be able to see those changes. In the image bellow you can see how the component looks in the preview mode with a few properties changed. To change the color and transparency of the preview items, use the "Temporary Clip Alpha" and "Temporary Clip Color" properties.

You can also use the "Live Preview Items" property to set how many items you want to use in the live preview.

Now we are ready to load some content into the component.

3. In the same folder as wall.swf create a new folder and name it "images". Then copy the images you want to load into this folder.

4. For this example we'll use an XML file to specify the location of the images. Create an XML file in the same directory as wall.swf and the images folder, and name it images.xml.

5. The XML file needs to have a structure similar to this:

The only required keyword is "source". You need to use this keyword to specify the location of the image you want to load. The XML file could as well look like this:

You can change any keyword and also the names of the images don't have to follow a certain pattern. The "source" keyword is the only keyword that can't change.

6. Open the Component Inspector panel (Window > Component Inspector) and click on the instance you've dragged onto the stage. You should now see all the customizable properties in the Component Inspector. Scroll down to XML Path and enter the path of the XML file we are using, "images.xml".

7. Test the movie.