如何在 A-Frame 中加载 360 度天空盒

Question

我在将本地图像加载到天空盒时遇到了问题。这是我的代码。

<html>
...
.....
<body>
    <a-scene>
        <a-assets>
            <img id="sky" src="test.jpg">
        </a-assets>
        <a-sky color="#6EBAA7" src="#sky"></a-sky>
    </a-scene>

</body>
...
</html>

文件结构是

|webvr
  |index.htm
  |test.jpg

我得到的只是柠檬绿背景，没有任何图像痕迹。

Answer 1

天空盒是a-sky，是球形的。如果你有立方体贴图，你可以转换它。我认为那里有很多工具。或者尝试 cubemap 社区代码。已经有人做到了。如果你只想加载一个图像到天空，只需使用 <a-sky src="#sky"></a-sky> 没有颜色。我认为颜色会覆盖图像。编辑：好的，颜色与图像相乘。所以你应该看到绿色的图像。 Edit2：好的，如果您在没有任何服务器的情况下在本地加载页面，您将看不到任何图像，它们将不会被加载，因为缺少 cors headers 并且您的本地电脑不是本地服务器。只需使用猫鼬。 https://www.cesanta.com/products/binary :)

如何在 A-Frame 中加载 360 度天空盒

How do I Load a 360 degree skybox in A-Frame

webvr

aframe