Open
Description
Using AR.js to create a project based on AR. I created an image and uploaded the glTF model to the S3 bucket with the following code
<head>
<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script>
</head>
<body class="bg-gray-100">
<main class="main-content mt-0">
<a-scene
vr-mode-ui="enabled: false;"
renderer="logarithmicDepthBuffer: true;"
embedded
arjs="trackingMethod: best; sourceType: webcam;debugUIEnabled: false;"
>
<a-nft
type="nft"
url="https://tapxreality-media.s3.amazonaws.com/media/uploads/422909c0-b46d-45e2-9692-8020b8324a58/2024/11/20241119_727783_360F197116416_ojyEaPu"
smooth="true"
smoothCount="10"
smoothTolerance=".01"
smoothThreshold="5"
markerhandler
>
<a-entity
gltf-model="https://tapxreality-media.s3.ap-south-1.amazonaws.com/media/uploads/422909c0-b46d-45e2-9692-8020b8324a58/2024/11/3d/trex/scene.gltf"
scale="5 5 5"
position="150 300 -100"
>
</a-entity>
</a-nft>
<a-entity camera></a-entity>
</a-scene>
</main>
</body>When the image is scanned, the marker is found but the glTF content is not loading.
How to test it?
The application can be tested on https://tpxr.in/lgqd
Here is the image to scan
Additional Details
The browser console has no error, and the glTF file is accessible in other applications and viewers.
