在球面三JS全景中查找坐标

Find Coordinates in Spherical ThreeJS Pano

本文关键字：查找 坐标 全景 JS      更新时间：2023-09-26

我之前问过这个问题："在全景GUI中查找ThreeJS坐标？"并从Eric那里得到了很好的答案。我遇到的问题是我购买了一台理光Theta S相机，它将文件保存为球形图像。

我将代码转换为使用球而不是立方体，一切似乎都工作正常，除了我找不到要拖动的球来使用以下代码查找坐标：

            var geometry = new THREE.SphereGeometry(0.02, 32, 32 );
            var material = new THREE.MeshBasicMaterial( {color: 0x00bb00} );
            ball = new THREE.Mesh( geometry, material );
            ball.position.x = 0.0
            ball.position.y = 0.0
            ball.position.z = 0.3
            scene.add( ball );

我不确定如何判断绿色球（来自上一个示例）是太小，还是太大而无法看到。是我离它太近了，还是它位于有全景纹理的球体之外？

下面是新示例：https://jsfiddle.net/oo2ja3a6/2/

秘诀最终是利用camera.position.x=20将自己置于球体之外。然后我可以看到绿色的球，并且可以开始调整它的大小和位置，然后再回到中间。工作示例在这里：https://jsfiddle.net/oo2ja3a6/4/

相关文章：