0

我正在尝试直接在网络浏览器中创建增强现实应用程序。在 10 行 HTML ( https://medium.com/arjs/augmented-reality-in-10-lines-of-html-4e193ea9fdbf ) 中有一个非常简单的解决方案。

但是当我尝试导入 Gltf 模型时遇到问题。它在本地服务器上运行良好,但是当我在 ftp 上上传文件时,gltf 模型不显示,而是在控制台中出现此错误:browser.js:111 components:gltf-model:warn THREE.GLTFLoader: Unable to parse model.

我对 web 开发和 javascript 非常陌生,我不知道这个错误来自哪里以及如何修复它。

这是该页面的链接:https ://lesfillesdu9novembre.com/ARWeb/Html/Page.html

这是我的代码:

<html>
    <head>
        <script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>
        <script src="https://rawgit.com/jeromeetienne/ar.js/master/aframe/build/aframe-ar.js"></script>
        <script>THREEx.ArToolkitContext.baseURL = 'https://rawgit.com/jeromeetienne/ar.js/master/three.js/'</script>
    </head>


    <body style='margin: 0px; overflow: hidden;'>
        <a-scene embeded arjs='trackingMethod: best; debugUIEnabled: false;'>
            <a-assets>

                <a-asset-item id="car" src="/GLTF/Exterior/Gltf/Exterior_006.gltf"></a-asset-item>

            </a-assets>

            <a-gltf-model src="#car" scale="0.01 0.01 0.01" rotation="0 0 0" position="-2.5 0 0" ></a-gltf-model>

            <a-box position='0 0.5 0' material='opacity: 0.5;'></a-box>


            <a-marker-camera preset='hiro'></a-marker-camera>
        </a-scene>

    </body>

</html>


4

1 回答 1

0

您的资产的 URL 似乎是错误的:https : //lesfillesdu9novembre.com/GLTF/Exterior/Gltf/Exterior_006.gltf 不返回 gltf 模型,而是一个正常的灰色网站。

于 2019-03-28T18:26:30.453 回答