我们如何使用 three.js 为 WebXR 使用等距柱状图像？

Question

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

我查看了 three.js 示例，但其中 none 示例使用的是用于 VR 的等距柱状图像。有没有一种方法可以将等距柱状图转换为 CubeMap，以便我可以使用它在普通模式和 VR 模式之间切换？

Answer 1

Is there a way to convert equirectangular image to CubeBox

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