在球面ThreeJS Pano中查找坐標

Question

我之前在這里問過這個問題：“ 在Panoramic GUI中找到ThreeJS坐標嗎？ ”，並從Eric得到了一個很好的答案。 我遇到的問題是我購買了Ricoh 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/

Answer 1

最終的秘密是使用camera.position.x=20將自己置於球外。 然后我可以看到綠色的球，可以開始調整它的大小和位置，然后再移回中間。 工作示例在這里： https : //jsfiddle.net/oo2ja3a6/4/