无法将纹理图形应用于 A-Frame 基本场景中的框答案

【问题标题】：Can't apply texture graphic to box in A-Frame basic scene无法将纹理图形应用于 A-Frame 基本场景中的框
【发布时间】：2019-02-22 20:17:02
【问题描述】：

我正在浏览 A-Frame 的基本场景演示。

https://aframe.io/docs/0.8.0/guides/building-a-basic-scene.html

当我进入应用图像纹理和使用资产管理系统部分时，我根本无法显示建议的纹理。它似乎阻止了盒子的创建以及随后天空实体的创建......只是一个空白的白色屏幕（也许盒子存在默认颜色为白色？）

我的问题是，什么样的设置会阻止我的简单应用程序能够拍摄图像并在 A-Frame 中使用它？

我正在使用带有实时服务器的本地服务器。

<!DOCTYPE html>
<html>
<head>
    <script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-environment-component/dist/aframe-environment-component.min.js"></script>
</head>
<body>
        <a-scene>
            <a-assets>
                <img id="boxTexture" src="https://i.imgur.com/mYmmbrp.jpg">
            </a-assets>

            <a-box src="#boxTexture" position="0 2 -5" rotation="0 45 45" scale="2 2 2"></a-box>

            <a-sky color="#222"></a-sky>
        </a-scene>
</body>
</html>

将 Firefox Nightly 用于耳机

PS - 我通过将图像文件放在本地文件夹中来让它工作，但我宁愿学习如何使用互联网作为资产管理器，而不是在本地拥有一切。

PPS - 认为这可能是一个异步问题，因为在渲染组件之前较大的文件加载速度不够快，因此不会渲染实体。我可以在 src 中使用带有超链接的较小内存大小的图像（例如 https://cdn.aframe.io/a-painter/images/floor.jpg ），但似乎不是更大的文件

这很有趣，但是将脚本放在底部对我没有任何帮助。 https://github.com/aframevr/aframe/issues/2058

适用于 Chrome，但不适用于 Firefox。

【问题讨论】：

您没有收到任何控制台错误吗？它似乎工作正常jsfiddle.net/pyLf6v9w
是的，我得到了... core:a-assets:warn 资产加载在 3000 毫秒内超时
似乎是浏览器问题，在大多数其他平台上一切正常

标签： html firefox three.js aframe

【解决方案1】：

对我来说看起来和工作都很好。也许 Nightly 只是铺位。

【讨论】：