需要一些关于 Three.js 360 全景的建议答案

【问题标题】：Need some advice about Three.js 360 panorama需要一些关于 Three.js 360 全景的建议
【发布时间】：2015-04-15 06:23:17
【问题描述】：

我是一名初级程序员，我对在 three.js 引擎 (http://threejs.org/examples/#webgl_panorama_equirectangular) 上制作 360 度全景照片感兴趣。我分析其他例子（https://ggnome.com/samples/pano2vr_4/tour/）我想问一下你如何在全景图片中制作白点，让你可以通过地图中的不同位置查看下一张全景图。他是如何与 sfere 中的那个确切部分合并的？它与 THREE.CSS3DRenderer 有关吗？另外，如何使红色视图箭头（在迷你地图中）与全景图一起移动。这是如何制作的，它是否与变换属性（旋转）之类的 css3 动作一起使用，或者它沿着相机旋转轴的侧面相机旋转工作。

提前谢谢你。

【问题讨论】：

标签： css three.js

【解决方案1】：

我用这个example 进行培训。所以我用 jQuery 和 CSS 转换属性制作了我需要的箭头。完美运行:)

        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 属性有关？每个意见对我都很重要。

【讨论】：