first project, model not loading! #570

yousef-asfan · 2023-09-13T07:44:04Z

yousef-asfan
Sep 13, 2023

Hello, this is my first project using ar.js
I've created this project and uploaded to my server but it is not working, the model is not loading in!
I've tried to add some debugging tools but no errors are reported.

link to the live project

here is my code:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="module">
        var script = document.createElement('script');
        script.src = "//cdn.jsdelivr.net/npm/eruda";
        document.body.appendChild(script);
        script.onload = function () {
            eruda.init()
        }
    </script>
    <script src="https://cdn.jsdelivr.net/gh/aframevr/aframe@1.3.0/dist/aframe-master.min.js"></script>
    <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script>
</head>

<body style='margin : 0px; overflow: hidden;'>
    <a-scene vr-mode-ui='enabled: false;' renderer="logarithmicDepthBuffer: true; precision: best;" embedded
        arjs='trackingMethod: best; sourceType: webcam; debugUIEnabled: true;'>
        <a-nft type='nft' url='https://asfanco.com/app/testAR/assets/img.png' smooth='true' smoothCount='10'
            smoothTolerance='0.01' smoothThreshold='5'>
            <a-entity gltf-model='https://asfanco.com/app/testAR/assets/teapot.gltf' scale="1 1 1" position="0 0 0">
            </a-entity>
        </a-nft>
        <a-entity camera></a-entity>
    </a-scene>
</body>

</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

first project, model not loading! #570

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 0 comments

Select a reply

first project, model not loading! #570

yousef-asfan Sep 13, 2023

Replies: 0 comments

yousef-asfan
Sep 13, 2023