Estoy comenzando con AR.js y tengo muchos problemas, así que intenté reiniciar de nuevo con lo básico.
Quiero poner un archivo gltf encima de un marcador personalizado
Fui a la documentación en ( https://ar-js-org.github.io/AR.js-Docs/#troubleshooting-feature-requests-community ) al ejemplo de seguimiento de imágenes:
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script> <style> .arjs-loader { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; justify-content: center; align-items: center; } .arjs-loader div { text-align: center; font-size: 1.25em; color: white; } </style> <body style="margin : 0px; overflow: hidden;"> <!-- minimal loader shown until image descriptors are loaded --> <div class="arjs-loader"> <div>Loading, please wait...</div> </div> <a-scene vr-mode-ui="enabled: false;" renderer="logarithmicDepthBuffer: true;" embedded arjs="trackingMethod: best; sourceType: webcam;debugUIEnabled: false;" > <!-- we use cors proxy to avoid cross-origin problems --> <a-nft type="nft" url="https://arjs-cors-proxy.herokuapp.com/https://raw.githack.com/AR-js-org/AR.js/master/aframe/examples/image-tracking/nft/trex/trex-image/trex" smooth="true" smoothCount="10" smoothTolerance=".01" smoothThreshold="5" > <a-entity gltf-model="https://arjs-cors-proxy.herokuapp.com/https://raw.githack.com/AR-js-org/AR.js/master/aframe/examples/image-tracking/nft/trex/scene.gltf" scale="5 5 5" position="50 150 0" > </a-entity> </a-nft> <a-entity camera></a-entity> </a-scene> </body>Copié el código y puse un proyecto de falla:
https://glitch.com/edit/#!/discreet-horn-fog?path=index3.html%3A54%3A7
Sin embargo, cuando trato de abrirlo, el teléfono dice "Cargando, espere" para siempre.
Leí en alguna parte que tiene que usar Para definir sus activos pero no pude hacerlo funcionar, agradecería cualquier ayuda que pudiera obtener.
Muchas gracias.
Saludos cordiales.
Tuve el mismo problema al abrir el proyecto en https://ar-js-org.github.io/AR.js-Docs/
Intenté varias veces abrir el ejemplo de seguimiento de imágenes, pero siempre decía "Cargando, espere".
Me di cuenta de que si abría el Codepen del ejemplo basado en la ubicación, funcionaba.
Luego abrí los dos Codepens de los dos ejemplos y también funcionó el de seguimiento de imágenes. No sé exactamente por qué, pero pude trabajar en ello.