{"id":1502,"date":"2023-08-16T08:20:47","date_gmt":"2023-08-16T12:20:47","guid":{"rendered":"https:\/\/blogs.mathworks.com\/matlab\/?p=1502"},"modified":"2023-08-16T08:20:47","modified_gmt":"2023-08-16T12:20:47","slug":"axes-camera-properties-for-viewing-panorama-images-in-matlab","status":"publish","type":"post","link":"https:\/\/blogs.mathworks.com\/matlab\/2023\/08\/16\/axes-camera-properties-for-viewing-panorama-images-in-matlab\/","title":{"rendered":"Axes Camera Properties for viewing Panorama Images in MATLAB"},"content":{"rendered":"
This is a guest post by <\/span>Eric Ludlam<\/span><\/a>, Manager of MATLAB Graphics at MathWorks.<\/span><\/div>
Axes Camera properties are handy when you want detailed control of a 3D scene, but they can be a bit complex to understand the first time you try to use them. In todays blog I'd like to show how to use Camera properties to create a Panorama Image viewer.<\/span><\/div>
To start, lets take a look at the image we'll use as an example. I captured this picture using an Android phone using the Google camera app. The image was taken on the MathWorks Apple Hill campus in the spring of 2023.<\/span><\/div>
P=imread(<\/span>'http:\/\/blogs.mathworks.com\/matlab\/files\/2023\/08\/AppleHill_Quad.PANO_-scaled.jpg'<\/span>);<\/span><\/span><\/div><\/div>
imshow(P);<\/span><\/span><\/div>
<\/div>
<\/div>
<\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>
When taking a panorama photo, you stand in one place and slowly scan in a circle. In effect, you're capturing a very wide rectangle of pixels that can be thought of as a cylinder at some radius distance from your camera. To render it, we'll use a texturemapped surface in the shape of a cylinder. Since we are warping the image into this new shape we also need to compute the ratio between the radius and circumference of the cylinder to make sure the pixels stay square. I'm doing this by picking a radius, computing the circumference, and then computing the height by multiplying the circumference by the h\/w ratio of the image.<\/span><\/div>
R=2; <\/span>% Radius<\/span><\/span><\/div><\/div>
C=2*pi*R; <\/span>% Circumference<\/span><\/span><\/div><\/div>
H=C*size(P,1)\/size(P,2); <\/span>% Height of cylinder<\/span><\/span><\/div><\/div>
 <\/div><\/div>
[X,Y,Z]=cylinder(R,90); <\/span>% Cylinder mesh<\/span><\/span><\/div><\/div>
Z = Z*H; <\/span>% Scale Z to height<\/span><\/span><\/div><\/div><\/div>
When creating the surface to display the image, we need to flip the pixels around (using rot90) to account for image data 0,0 being on the top left. To simplify positioning the camera, I also offset the cylinder in Z so that it is centered around 0.<\/span><\/div>
figure<\/span><\/span><\/div><\/div>
surf(X,Y,Z-H\/2,rot90(P,2),<\/span>'FaceColor'<\/span>,<\/span>'texture'<\/span>,<\/span>'EdgeColor'<\/span>,<\/span>'none'<\/span>);<\/span><\/span><\/div><\/div>
daspect([1 1 1])<\/span><\/span><\/div><\/div>
axis <\/span>tight<\/span><\/span><\/div>
<\/div>
<\/div>
<\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>
There are different kinds of panorama images, and in this case the pixels are mapped in a rectilinear manner, so we can use this simplified shape for our display.<\/span><\/div>
But what does it really feel like to be on the Apple Hill Campus? Lets position our camera inside this cylinder and find out! To do this we'll set several camera properties. They are:<\/span><\/div>
  • Projection<\/span> - Set this to perspective so that far-away objects look smaller than nearby objects.<\/span><\/li>
  • CameraPosition<\/span> - We centered our cylinder around the origin, so we'll put our camera there.<\/span><\/li>
  • CameraTarget<\/span> - What the camera is looking at. I selected a <\/span>start_angle<\/span> that looks at the entrance to Apple Hill 3.<\/span><\/li>
  • CameraViewAngle<\/span> - This is like using a zoom lens, controlled via an angle in degrees. I picked 50 degrees arbitrarilly.<\/span><\/li><\/ul>
    start_angle=40;<\/span><\/span><\/div><\/div>
    set(gca,<\/span>'Projection'<\/span>,<\/span>'perspective'<\/span>,<\/span>...<\/span><\/span><\/div><\/div>
    <\/span>'CameraPosition'<\/span>,[ 0 0 0 ],<\/span>...<\/span><\/span><\/div><\/div>
    <\/span>'CameraTarget'<\/span>,[ cosd(start_angle)*R sind(start_angle)*R 0],<\/span>...<\/span><\/span><\/div><\/div>
    <\/span>'CameraViewAngle'<\/span>,50);<\/span><\/span><\/div>
    <\/div>
    <\/div>
    <\/div>
    <\/div>
    <\/div><\/div><\/div><\/div><\/div>
    This looks like we just cropped the photo, and in some ways we have, but the pixels are actually warped slightly on the sides which will make the scene more immersive when panning, as if your camera is actually looking at this 3D scene.<\/span><\/div>
    Lets finish up by panning around so you can see what it looks like. This next code snippet includes several loops which will change camera properties such as the <\/span>CameraTarget<\/span> (change what we look at) and <\/span>CameraViewAngle<\/span> (change how zoomed in it is.)<\/span><\/div>
    step=2;<\/span><\/span><\/div><\/div>
    for <\/span>A=start_angle:step:260<\/span><\/span><\/div><\/div>
    set(gca,<\/span>'CameraTarget'<\/span>,[ cosd(A)*H sind(A)*H 0]);<\/span><\/span><\/div><\/div>
    drawnow<\/span><\/span><\/div><\/div>
    end<\/span><\/span><\/div><\/div>
     <\/div><\/div>
    step=1;<\/span><\/span><\/div><\/div>
    for <\/span>VA=50:-step:20<\/span><\/span><\/div><\/div>
    set(gca,<\/span>'CameraViewAngle'<\/span>,VA);<\/span><\/span><\/div><\/div>
    drawnow<\/span><\/span><\/div><\/div>
    end<\/span><\/span><\/div><\/div>
     <\/div><\/div>
    maxel=20;<\/span><\/span><\/div><\/div>
    step=1;<\/span><\/span><\/div><\/div>
    for <\/span>E=[ 0:step:maxel maxel:-step:-maxel -maxel:step:0 ]<\/span><\/span><\/div><\/div>
    set(gca,<\/span>'CameraTarget'<\/span>,[ cosd(A)*H sind(A)*H sind(E)*H]);<\/span><\/span><\/div><\/div>
    drawnow<\/span><\/span><\/div><\/div>
    end<\/span><\/span><\/div><\/div>
     <\/div><\/div>
    step=1;<\/span><\/span><\/div><\/div>
    for <\/span>VA=20:step:50<\/span><\/span><\/div><\/div>
    set(gca,<\/span>'CameraViewAngle'<\/span>,VA);<\/span><\/span><\/div><\/div>
    drawnow<\/span><\/span><\/div><\/div>
    end<\/span><\/span><\/div><\/div>
     <\/div><\/div>
    step=2;<\/span><\/span><\/div><\/div>
    for <\/span>A=260:step:360+start_angle<\/span><\/span><\/div><\/div>
    set(gca,<\/span>'CameraTarget'<\/span>,[ cosd(A)*H sind(A)*H 0]);<\/span><\/span><\/div><\/div>
    drawnow<\/span><\/span><\/div><\/div>
    end<\/span><\/span><\/div>
    \n\n