Question

I wanted to write a simple 3d image rotating around the y-axis as the Image carousel. I can place all the photo around the axis but I can’t get the main image facing towards the screen. I mean the z-axis isn’t pointing towards the screen. Instead, the z-axis is towards the top left corner.

How do i make the z-axis pointing perpendicular to the screen?

Answer 1

Check out the PerspectiveProjection class, set the fieldOfView to 45, and do something like this:

var pp:PerspectiveProjection = new PerspectiveProjection();
pp.projectionCenter = new Point(this.width/2, this.height/2);
pp.fieldOfView = 45;
this.transform.perspectiveProjection = pp;

The default PerspectiveProjection for the main Sprite/Application is at the top left corner, so in 3D everything will look like it’s stretching to the top left. So just set it to the center of the application, and update it if anything resizes or changes.

gotoAndLearn.com has a simple Click and Zoom 3D Carousel that might help.

Let me know if that works out,
Lance