javascript - 在Panorama GUI中找到三个JS坐标?

标签 javascript three.js

我过去玩过一点 ThreeJS,现在正在进行一个新项目,试图在全景中设置热点。我记得使用相机移动车:http://davidpaulrosser.github.io/threejs-camera-dolly/以获得相机位置的良好视觉效果,但是是否有人找到了一种可以让您获得 xyz 坐标的方法,例如在这个 ThreeJS 示例 http://threejs.org/examples/css3d_panorama.html 中您想在路上放置一个热点。

它可以使用与相机小车使用的 dat gui 相同的东西,或者是一个你拖动的球来报告它的位置。

最佳答案

所以您只是希望能够从全景图像转换为 3D 位置,以便可以在那里保存一些内容并稍后渲染?像这样的东西会给你你需要的位置..

https://jsfiddle.net/mz7Lv9dt/1 (编辑:修正了一个拼写错误)

您可能感兴趣的部分在这里:

var raycaster = new THREE.Raycaster();
raycaster.setFromCamera( uv, cam );
return raycaster.intersectObjects( objects );

拖动绿色球以获取其位置(始终设置为单位长度)

如果我完全回答错误,请告诉我。

关于javascript - 在Panorama GUI中找到三个JS坐标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34664934/

相关文章:

javascript - UL 元素宽度不随 JS 改变

javascript - jQuery : Hide a parent based on child property

javascript - ctrl+z后node js还在监听端口

three.js - 为什么物体在轨迹球控件中绕轨道运行时倾斜,而在轨道控件中不倾斜?

javascript - 相对于另一个物体旋转

javascript - 如何将javascript数组保存为redis列表

javascript - 如何检查在jquery中点击了什么?

javascript - 在 Three.js 中对 THREE.TextGeometry 对象应用发光效果

javascript - Three.js Fog 仅在一种特定情况下工作

reactjs - react 和 Three.js MTLLoader "material.onBeforeCompile is undefined"