Help needed on correction applied to the rotatonY angle when using perspectiveProjection

Question

Hello, can someone help me out please?
I have a stage with and height of : 600x400
On this stage i have 3 squares that have a centerpoint in the middle. The square are 90 (width) and 80 (height)
The first square is aligned to the left site and the second one in the middle and the third one on the right
The perspectiveProjection is setup using the middle of the stage as it projectionCenter.
When i rotate all squares to 90 degrees (rotationY) than only the middle one is now not visible anymore, at that point i want to
switch the image inside the square. But at 90 degrees the left and right squares are not invisible..  For the left square that point would
be at 90 - 22, and the right one 90 + 22.   Is there a way to calculate the correction value (22) in this example?
What i don't want is to give every square it's own perspectiveProjecten , then it would work but you have a completely different
3D rotation.
The only thing that goes wrong in my example is that the image from the left and right square are not changed at the right time, because
90 degrees on the left square does not mean it it not visible at that point.
And here is the code:
import flash.display.MovieClip;
import flash.geom.Point;
import flash.geom.PerspectiveProjection;
import fl.transitions.*;
import fl.transitions.easing.*
var squares:Array = [c1, c2, c3];
this.transform.perspectiveProjection.projectionCenter = new Point(300, 200);
this.transform.perspectiveProjection.fieldOfView = 50;
for(var i:int = 0; i< squares.length; i++) {
var square:MovieClip = squares[i] as MovieClip;
var tween:Tween = new Tween(square, "rotationY", Strong.easeOut, 0, 180,8, true);
tween.addEventListener(TweenEvent.MOTION_CHANGE, onTweenUpdate);
function onTweenUpdate(e:TweenEvent):void {
if(e.currentTarget.obj.rotationY >=90) {
  e.currentTarget.obj.img2.visible = true;
  e.currentTarget.obj.img1.visible = false;
} else {
  e.currentTarget.obj.img2.visible = false;
  e.currentTarget.obj.img1.visible = true;
//trace("targ", e.target.obj.rotationY);

Answer 1

try:
import flash.display.MovieClip;
import flash.geom.Point;
import flash.geom.PerspectiveProjection;
import fl.transitions.*;
import fl.transitions.easing.*
var squares:Array = [c1, c2, c3];
this.transform.perspectiveProjection.projectionCenter = new Point(300, 200);
this.transform.perspectiveProjection.fieldOfView = 50;
for(var i:int = 0; i< squares.length; i++) {
var square:MovieClip = squares[i] as MovieClip;
var tween:Tween = new Tween(square, "rotationY", Strong.easeOut, 0, 180,8, true);
tween.addEventListener(TweenEvent.MOTION_CHANGE, onTweenUpdate);
function onTweenUpdate(e:TweenEvent):void {
var theX:Number=e.currentTarget.obj.x;
var difX:Number=theX-this.transform.perspectiveProjection.projectionCenter.x;
var tempDegree:Number=e.currentTarget.obj.rotationY-(difX/10); //  <---anyone know the right formula?
if(tempDegree>=90) {
  e.currentTarget.obj.img2.visible = true;
  e.currentTarget.obj.img1.visible = false;
} else {
  e.currentTarget.obj.img2.visible = false;
  e.currentTarget.obj.img1.visible = true;
//trace("targ", e.target.obj.rotationY);