javascript - 我们如何使用 three.js 为 WebXR 使用 equirectangular 图像？

Question

我正在使用 Three.js 创建一个 Web 应用程序，其中我必须使用等距矩形图像进行全景游览。我想像 React360 和 AFrame 一样添加一个在普通模式和 VR 模式之间切换的功能。我不想使用 React360 和 AFrame，因为我的应用程序已经在使用 Three.js。

我检查了 three.js 示例，但没有一个示例使用 VR 的 equirectangular 图像。有没有办法将 equirectangular 图像转换为 CubeMap，那么，我可以用它在普通模式和 VR 模式之间切换吗？

Answer 1

有没有办法将 equirectangular 图像转换为 CubeBox

假设您使用“CubeBox”引用立方体贴图格式，您可以使用WebGLCubeRenderTarget.fromEquirectangularTexture()执行转换。