我们如何使用three.js为WebXR使用等角图像？

问题描述

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

我检查了three.js示例，但没有一个示例使用等角矩形图像进行VR。有没有办法将等角矩形图像转换为CubeMap，所以我可以用它在普通模式和VR模式之间切换？

解决方法

有没有办法将等矩形图像转换为CubeBox

假设您使用“ CubeBox”引用多维数据集映射格式，则可以使用WebGLCubeRenderTarget.fromEquirectangularTexture()执行转换。