Question

I’m trying to draw a 10×10 grid with Actionscript 3 with a vanishing point behind – so each square looks like it’s coming towards the screen (each from its own relative perspective).

I’ve found many tutorials for 3D perspective cubes, but they all revolve around movement. Surely static shapes must be easier, but I’m yet to find any help regarding them.

Is there some way I can use PerspectiveProjection() in my case where it doesn’t involve movement? It looks to be exactly what I want, yet seems reliant on movement.

Or are there any other methods for 3D perspective object creation?
I’d prefer to use internal AS3 functions if possible.
The closest I’ve got was this tutorial , which I could likely apply to my situation, but I want to make sure there’s not an easier/cleaner way before attempting it.

Thanks.

Answer 1

Here’s the fastest and probably most recommended way to achieve what you’re after:

• Download the Papervision3D library for AS3.

Once you’ve done this, create a document class and paste inside it this code that I’ve created for you to get you started:

package
{
    import org.papervision3d.view.BasicView;
    import org.papervision3d.objects.primitives.Cube;
    import org.papervision3d.materials.utils.MaterialsList;
    import org.papervision3d.materials.ColorMaterial;


    /**
     * Document class.
     * @author Marty Wallace.
     */
    public class Base extends BasicView
    {

        /**
         * Constructor.
         */
        public function Base()
        {

            // Create an array of faces for your cube.
            var faces:Array = [
                "front",
                "back",
                "left",
                "right",
                "top",
                "bottom"
            ];

            // Create a list of materials, which contains a material for each face of the cube.
            var list:MaterialsList = new MaterialsList();


            // Create a new material for each face.
            for each(var i:String in faces)
            {
                // Define the material.
                var material:ColorMaterial = new ColorMaterial(Math.random()*0xFFFFFF);

                // Add your material to the face represented by i.
                list.addMaterial(material, i);
            }


            // Create the Cube.
            var cube:Cube = new Cube(list, 250, 250, 250);


            // Rotate the cube to however required.
            cube.rotationX = Math.random()*360;
            cube.rotationY = Math.random()*360;
            cube.rotationZ = Math.random()*360;


            // Add the cube to the scene.
            scene.addChild(cube);


            // Render the cube.
            startRendering();

        }

    }
}

The majority of the code is pretty self explanatory and there are uint.MAX_VALUE tutorials around for this particular framework.

Enjoy!