Panolens を使用した回転によりパノラマ画像に問題が発生する - TechRepublic

現在、ボタンクリックで2枚のパノラマ画像を切り替えられるウェブサイトを作成しようとしています。Panolensとそのビューアを使用しています。2枚の画像の回転が揃っていることを確認し、切り替えた際に違いを確認できるようにしたいと考えています。参考までに、これは我が家のリフォーム前とリフォーム後の画像です。

写真を回転しようとすると、問題が発生しているようです。読み込んだ後、写真に黒い点がいくつか現れますが、すぐに消えてしまいます。何が起こったかを示す写真があります。回転の結果

参考までに、これは回転調整を含む、Web サイトにあるパノラマのコードの一部です。

// 2 番目の画像の回転開始
const rotations = [0,-Math.PI/4,0,0,0,0,0,0,0,0];

//パノラマをビューアーに追加します
for (let i = 0; i < views.length; i++) {
images[i][1].rotation.y = rotations[i]; //回転を追加します
views[i].OrbitControls.noZoom = true; //ズームを削除します
views[i].add(images[i][0])
views[i].add(images[i][1])
}

パノラマビューアと画像を複数持っていますが、回転だけが問題を引き起こします

ヨーとピッチ、回転成分など、様々な方法を試しました。もし修正方法が見つからなくても、ご心配なく。

ありがとう