This page helps you create a stylish animation of a 3D rotating cube. Up to six different pictures can be specified to paste on each side of the cube.

The animation is originally designed at 200 by 200 pixels. The cube is placed at the center of the animation window. You can define the width and height of the dislay window and the size of the cube.

The display algorithm uses an orthographic projection of 3D coordinates onto a 2D viewing plane. Even though Flash itself has no support for true 3D, it is fairly easy to perform the required matrix computation to remove the hidden surfaces.

For best result, your supplied images should have same height and width (square), same image size, and be equal or larger than the size of the cube to avoid cropping or aliasing artifacts during steep angle of rotation.

1. Width of display window   
(default 200 pixels)

2. Height of display window   
(default 200 pixels)

3. Size of the cube   
(default 60 pixels)

4. Frame rate   
(default 20 frames per second)

5. Choose a background color.
Transparent

6. Choose the starting gradient color.
Use Gradient

7. Choose the ending gradient color.

8. Gradient rotation angle (degrees)  
(default 0, from -180 to 180)

Linear    Radial

9. Enter the URL of your image/movie clip to place on each side of the cube. A valid URL has the form http://www.yourdomain.com/ yourimage.jpg. You will need to define six pictures for all sides of the cube.

Images can be stored in either .gif, .jpg or .png format. For your convenience, there are 9 small pictures available, just click on one of the following icons to choose the appropriate image for each side.

Side 1
Side 2
Side 3
Side 4
Side 5
Side 6

The following Flash image demonstrates this effect. Place the cursor inside the picture and move it to the left or right to slow down or speed up the speed of the rotation, respectively. The cursor position also changes the rotation angle.


The Linux-based ActionScripting engine behind this page generates the graphic file in industry standard Flash swf format that is supported by most modern browsers, and is compatible to all Flash player versions.

All you need to do is to supply six appropriate images for the sides of the cube, choose a display window size and set the frame rate. A higher frame rate yields a smoother animation. The final Flash file is generated including appropriate HTML codes with just one click. You do not need to know Flash or program its scripting language. You do not have to use any traditional desktop Flash tools to create this advanced 3D effect.

10. Or upload your image/movie clip to this Linux server from the following section. Each uploaded image or animation clip is limited to 96K bytes.

If a movie clips is uploaded, the frame rate of the uploaded clip should match the specified frame rate for the final cube animation rendering. For best result, your movie clip should be at 160 by 160 pixels. All uploaded images and clips are automatically removed from the server within one hour.

Side 1

Side 2

Side 3

Side 4

Side 5

Side 6

Click to generate the Flash image file with your current choice of parameters in a separate window.

The generated Flash swf file will be automatically removed from the server in approximately one hour. Right click on the apppropriate link and choose "Save Link As..." or "Save Target As..." to download the Flash or HTML file to your computer.