使用 AR.js 的图像跟踪 - 自定义图像描述符的问题

Question

我正在尝试使用基于 Codepen 中的 tutorial in AR.js documentation. When I was using the sample URL as provided in the demo 的图像跟踪生成 AR 场景，它起作用了，但是当我指定 URL 作为我自己生成的图像描述符的路径时我的本地计算机出现此错误：

"Error in loading marker on Worker 404"

因为当我使用演示中提供的图像描述符时它运行良好，我假设它与我生成的图像描述符有关，我实际上使用的是演示中提供的相同 image我也不认为问题出在标记的质量上。

这是我的代码aframe-ar.html:

<a-scene
      vr-mode-ui="enabled: false;"
      renderer="logarithmicDepthBuffer: true;"
      embedded
      arjs="trackingMethod: best; sourceType: webcam;debugUIEnabled: false;"
>
    <a-nft
      type="nft"
      url="../image_descriptors/test"
      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="100 100 0"
        >
        </a-entity>
  </a-nft>
      <!-- static camera that moves according to the device movemenents -->
  <a-entity camera></a-entity>
</a-scene>

这是我的文件夹结构：

src 
  | -- image_descriptors
         | -- test.fset
         | -- test.fset3
         | -- test.iset
  | -- assets
         | -- aframe-ar.html

Answer 1

我使用 XAMPP 对其进行了测试。我不知道为什么，但如果你看到控制台，就会有 log

base path: http://localhost:8080

所以我试过了

<a-nft
    type="nft"
    url="test/image_descriptors/test"
    smooth="true"
    smoothCount="10"
    smoothTolerance=".01"
    smoothThreshold="5">

具有此文件夹结构：

htdocs (basically http://localhost:8080)
| -- test
     | -- image_descriptors
          | -- test.fset
          | -- test.fset3
          | -- test.iset
     | -- assets
          | -- aframe-ar.html

有效

使用 AR.js 的图像跟踪 - 自定义图像描述符的问题

Image Tracking using AR.js - Problem with Custom Image Descriptors

augmented-reality

aframe

ar.js