【问题标题】:360º degree camera in three.jsthree.js 中的 360º 度相机
【发布时间】:2017-06-20 16:45:03
【问题描述】:

有谁知道如何在 three.js 中创建 360º 相机?

我正在尝试将整个场景渲染为 360º 全景图,就像使用 go pro 360 装备一样。

我正在尝试通过将几个屏幕排列成一个圆圈并在所有屏幕上拉伸一个threejs窗口来重新创建全景图。

为此,我需要一个非常宽的窗口,其中包含一个可以 360º 捕捉整个场景的 tree.js 相机

这可能吗?

【问题讨论】:

  • 这里那里。你有没有让这个实时工作?表演怎么样?

标签: camera three.js virtual-reality panoramas 360-virtual-reality


【解决方案1】:

您无法使用传统的视图矩阵来表示 360 度视图。您需要渲染一组纹理(例如立方体的六个面),然后将它们组合成 360 度映射,例如 equirectangular。

【讨论】:

    【解决方案2】:

    这绝对是可能的,因为它已经实现了:https://github.com/spite/THREE.CubemapToEquirectangular

    该库只会将快照导出为 png,但查看代码应该可以将它使用的相同方法集成到实时渲染中...

    【讨论】:

    • 谢谢,这很有趣!
    • 在threejs 103 中似乎不起作用。cubeCamera 和 THREE.WebGLRenderTargetCube 有许多新的变化(不再叫这个,你需要小心阴影和清除缓冲区)。跨度>
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-10-17
    • 2021-08-23
    • 2021-02-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多