• InteractiveScene3DEvent example

A clickable Plane with a swapped material that rotates using Tweener

• Layers Demo

Setting the layer order of objects to try to control which is on top

• Simple Wow Engine Demo

Spheres contained in a Cube

• Rotation Demo

Shows three rotation axes

• BitmapFileMaterial example
  

Using BitmapFileMaterial to load a jpg and provide texture for a Plane

• Two Sided Plane

Extended DisplayObject3D to create a Plane with Wireframe one side and MovieMaterial on the other

• Video Cube Demo

Displaying a flv on the inside walls of a Cube

• VideoStreamMaterial demo

Using VideoStreamMaterial to provide a texture for a Plane

• Sphere BitmapMaterial

Using BitmapMaterial to display a jpg on a Sphere

• Blender Collada DAE

Loading a Collada DAE file exported from Blender

• Blur effect

Simple example using the newly integrated Effects branch

• Curved lines

Using an external class to create curved lines

• Lines3D

Using the built in Line3D class to create straight lines

• Particle field demo

Simple ParticleField example

• Bitmap material demo

Basic BitmapMaterial example using an embedded jpg


• Rotating cylinder

Cylinder with FlatShadeMaterial

• Shaded cube

Cube with FlatShadeMaterial

• Plane wireframe

Simplest Wireframe Plane

James Gardiner from the JamieG Analysis gives his thoughts on why Apple doesn't currently allow the Flash Player. He believes that Apple may never allow the Flash Player on the iphone.

Click read why the iphone doesn't support Adobe Flash player »

It's very cool to see stats put into an interactive visual experience. More news companies should be using media like this.

Click here to view the map of Olympic Medals »

Click here for full details and to sign-up »

Click Here To View The magneticMenu »

Click Here To View The XML Accordion Icon Menu »

Introduction

This tutorial uses the Flash Framer space3D component. The space3D component is an ActionScript 3.0 plug-in for Adobe Flash that makes it easy to create a random photo gallery in a few easy steps. Our developers have done the hard work so you don’t have too.

Click here for information and to get the space3D component.

Step 1

Once you have downloaded and installed the space3D component, Launch Flash and open a new ActionScript 3.0 document. Save the document with any name you like.

Step 2

Open the components panel. Window > Components
You will now see a component set called FlashFramer.
Open up that set and you will find the space3D component.

Drag and drop the component onto the stage and align it.
I’m using the stage size of 700x510 pixels. I will also size the component to 700x510 to fit the stage.

Set the frames per second (fps) to 20 fps for smoother animation.

Step 3

Now lets load some images. I’m using twenty five images of space scenes.
Put your photos in the same directory as your Flash file in a folder named images.

Step 4

Jump back over to Flash.
Click on the space3D component to select it and open the Components Inspector panel.
Window > Component Inspector
Double click on the Image List value field.

A Dialog box will popup.
Click on the plus button to add an image with a title and description.
Repeat this until you have all your images entered.

You can also use XML file to control every parameter of the space3D component.
See the documentation that came packaged with the component or download it here.

Preview you file. File > Publish Preview > Flash

You now have a fully working dynamic photo gallery.

Step 5

You can either use the space3D component out of the box or modify and skin it to your liking.

space3D comes built with tons of parameters to customize your gallery. Such as: xml, spacing, margin, border size and color, reflection, transition, show arrows, back flip, and camera movement.
These setting are found in the Component Inspector in Flash.

Play around with these setting until you get the look you want.

Step 6

You can also skin the component elements to your liking.
Skinning the space3D component is so easy. Just double click on the component in Flash. It will open all the skinnable elements. Double click on the element you want to modify and begin customizing. Once you done just click on scene 1 to return to the main timeline and preview your work.
File > Publish Preview > Flash

Final Customized Gallery

Conclusion

This is just a few ways to customize the space3D component. Read through the full documentation by clicking here. The component also has an ActionScript 3.0 API for advanced customization.
Click here to view the space3D API

We would love to see your work and showcase it on our site.
Just email us at contact@flashframer.com with a link to your space3D gallery.

Click Here To View The space3D Flash Component »