I'm hoping that such a calculation as below will be very easy for the users of this website:
I have a 3D Carousel on my website and a colleague is going to render out some 3D components to sit on the carousel. However, he needs the angle that the "camera" is at on my 3D carousel. The issue is that my 3D carousel is faux 3D, meaning the images at the rear of the carousel do not travel along a Z plane but they just reduce in size to give the impression that they are.
I've added 2 black lines to the carousel and worked out (through a pixel measurement) that there is 243 pixels between the front and back of the carousel. In theory this carousel is perfectly circular.
The radius of the circle is:
r = 2.3 (a number provided by the component to work out the radius) w = 1000px (the width of the carousel's container) w / r = 434.782609
I know that there are 243px between the two black lines and that the radius of the circle is 434.78px so how would I work out the angle of the camera using these measurements? I've provided a screenshot to help if I've not explained it properly - on the diagram, I need to find the blue angle:
I need to know how as opposed to just giving the answer because if we decide to change the angle, I need to work out how to reflect this in the 3D render of each component.
If you need a little more information, just comment saying what you need and I'll do my best to trawl through the javascript file to find the answer.