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

问题描述 投票:0回答:1

我正在进行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。

html firefox three.js aframe
1个回答
0
投票

看起来和我的工作正常。也许夜晚只是下铺。

© www.soinside.com 2019 - 2024. All rights reserved.