我过去玩过一点 ThreeJS,现在正在进行一个新项目,试图在全景中设置热点。我记得使用相机移动车:http://davidpaulrosser.github.io/ Threejs-camera-dolly/ http://davidpaulrosser.github.io/threejs-camera-dolly/获得相机位置的良好视觉效果,但是有没有人想出一个可以让您获得 xyz 坐标的方法,例如在这个 ThreeJS 示例中http://trijs.org/examples/css3d_panorama.html http://threejs.org/examples/css3d_panorama.html您想在路上放置一个热点。
它可以使用与相机小车使用的 dat gui 相同的东西,或者是一个你拖动的球来报告它的位置。
那么您只是希望能够从全景图像转换为 3D 位置,以便可以在那里保存一些内容并稍后渲染?像这样的东西会给你你需要的位置..
https://jsfiddle.net/mz7Lv9dt/1 https://jsfiddle.net/mz7Lv9dt/1 (edit:修正了一个错字)
您可能感兴趣的部分在这里:
var raycaster = new THREE.Raycaster();
raycaster.setFromCamera( uv, cam );
return raycaster.intersectObjects( objects );
拖动绿色球以获取其位置(始终设置为单位长度)
如果我完全回答错误,请告诉我。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)