camera - three.js 中的 360º 度相机

Question

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

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

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

为此，我需要一个非常宽的窗口，它有一个 tree.js 相机，可以 360º 捕捉整个场景

这可能吗？

Answer 1

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

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

Answer 2

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