css - 需要有关Three.js 360全景图的一些建议

我是一个初级程序员，并且对在three.js引擎（http://threejs.org/examples/#webgl_panorama_equirectangular）上进行360度全景拍摄感兴趣。
我分析其他示例（https://ggnome.com/samples/pano2vr_4/tour/），我想问一下如何在全景图片中制作白点，从而使您能够传递到地图中的其他地方以查看下一个全景图。他如何与正确的部分合并？它和THREE.CSS3DRenderer有关吗？
 另外，如何使红色视图箭头（在迷你地图中）与全景一起移动。这样做有多精确，它是否可以与css3动作（如变换属性（旋转））一起使用，还是沿着相机的侧面旋转相机的旋转轴工作。

先感谢您。

最佳答案

我将此example用于训练。所以我用jQuery和CSS transform属性制作了我需要的箭头。完美的工作:)

        function update() {


            lat = Math.max( - 85, Math.min( 85, lat ) );
            phi = THREE.Math.degToRad( 90 - lat );
            theta = THREE.Math.degToRad( lon );


           //This one

            *$("#nx").text(Math.round(lon,2));
            $('img#siaip').css({'-webkit-transform' : 'rotate(' + lon +
            'deg)'});*

           //



            camera.target.x = 500 * Math.sin( phi ) * Math.cos( theta );
            camera.target.y = 500 * Math.cos( phi );
            camera.target.z = 500 * Math.sin( phi ) * Math.sin( theta );

            camera.lookAt( camera.target );

            /*
            // distortion
            camera.position.copy( camera.target ).negate();
            */

            renderer.render( scene, camera );

        }

现在，我继续介绍如何制作物体以拍摄另一幅全景图。我的意思是像this-绿色闪烁的对象，它可以转到另一个地方。我不明白如何建立它。只是认为某些球体表面点与CSS属性（如top，left）有关？每个意见对我都很重要。

关于css - 需要有关Three.js 360全景图的一些建议，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29604609/