查看图像，如倒置转盘或VR /球形

Question

我试图建立这样的东西：

但不同的是，我有一个背景图像4096x1024，我想看起来像某种VR外观，中心有点远离屏幕，边缘有点拉伸，更接近

我设法使用aframes并将我的图片设置为<a-sky>标签的背景，因此它会在球体和球体中心的视野或相机中扭曲我的图像。我得到了我想要的正确类型的视图，问题是我认为有更轻的解决方案。 我也想放置文字，我希望它的行为与图像的行为相同。

这就是我用aframes存档的内容：Gif on Imgur

我不想在场景/屏幕上移动（使用AWDS），只是为了将屏幕水平移动，因为我将拥有用户需要移动屏幕才能看到它们的元素，就像在gif上一样和共同的carrossel。

Answer 1

定义“更轻”。 props基于A-Frame和WebVR构建，因此如果您不希望three.js依赖，也许您可​​以使用A-Frame自行构建全景图。它实际上已经有一个如何这样做的例子：

https://threejs.org/examples/webgl_panorama_equirectangular.html

three.js