Question
-
Topic
-
Rotation using Panolens causes panorama image issues
Im currently trying to create a website where you can switch between two panorama images with a button click. Im using Panolens and their viewer. I want to make sure the rotation of the two images are aligned so when i switch between the two I will see how its different. For context, its our home before and after renovations.
The photos seem to cause some issues when trying to rotate the photos. They load and there are some black spots on the photo, and then they disappear. I have a photo of what happens. Result of rotation
For reference, this is some of code for the panoramas I have on the website, including the rotations adjustment:
//Starting rotations for second images
const rotations = [0,-Math.PI/4,0,0,0,0,0,0,0];//Adding the panoramas to their viewer
for (let i = 0; i < viewers.length; i++) {
images[i][1].rotation.y = rotations[i]; //Adding rotations
viewers[i].OrbitControls.noZoom = true; //Remove zoom from them
viewers[i].add(images[i][0])
viewers[i].add(images[i][1])
}I have multiple panorama viewers and images, and its only the rotation that causes issues
I have tried using yaw and pitch, the rotation component and other ways. But if there isn’t a way to fix this, no worries.
Thanks