【问题标题】:Find ThreeJS coordinates in Panoramic GUI?在全景 GUI 中查找 ThreeJS 坐标?
【发布时间】:2016-01-09 01:38:04
【问题描述】:

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

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

【问题讨论】:

    标签: javascript three.js


    【解决方案1】:

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

    https://jsfiddle.net/mz7Lv9dt/1编辑:修正了一个错字)

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

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

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

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

    【讨论】:

    • 非常感谢 Eric,它在 Chrome 中运行良好。在我的电脑上,它不允许我拖入 Firefox,这可能只是我的电脑出了问题,但我想我会提到它,以防其他人认为它不起作用。
    • 哦,我的错。 jsfiddle.net/mz7Lv9dt/1。在我的“MouseMoveObject”函数中,我将事件称为“e”,但尝试将其传递给名称为“event”的 ray_tracing。很有趣,它实际上在 chrome 中工作......
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-16
    • 2020-05-28
    • 2012-10-14
    • 1970-01-01
    • 1970-01-01
    • 2018-02-16
    相关资源
    最近更新 更多