如何使用 Single Mind 文件加载多个 Gltf

Question

大家好，我有点困惑，您如何扫描多个图像并使用单一思维文件加载多个 Gltf 我提供的代码只是帮助我了解他们如何使用单一思维文件加载 Gltf 以及我是否必须执行相同的过程我怎样才能做到这一点

<a-scene mindar-image="imageTargetSrc: https://cdn.jsdelivr.net/gh/hiukim/mind-ar-js@1.2.1/examples/image-tracking/assets/band-example/band.mind; maxTrack: 2" color-space="sRGB" renderer="colorManagement: true, physicallyCorrectLights" vr-mode-ui="enabled: false" device-orientation-permission-ui="enabled: false">
  <a-assets>
    <a-asset-item id="bearModel" src="https://cdn.jsdelivr.net/gh/hiukim/mind-ar-js@1.2.1/examples/image-tracking/assets/band-example/bear/scene.gltf"></a-asset-item>
    <a-asset-item id="raccoonModel" src="https://cdn.jsdelivr.net/gh/hiukim/mind-ar-js@1.2.1/examples/image-tracking/assets/band-example/raccoon/scene.gltf"></a-asset-item>
  </a-assets>

  <a-camera position="0 0 0" look-controls="enabled: false"></a-camera>

  <a-entity mindar-image-target="targetIndex: 0">
    <a-gltf-model rotation="0 0 0 " position="0 -0.25 0" scale="0.05 0.05 0.05" src="#raccoonModel" animation-mixer>
  </a-entity>
  <a-entity mindar-image-target="targetIndex: 1">
    <a-gltf-model rotation="0 0 0 " position="0 -0.25 0" scale="0.05 0.05 0.05" src="#bearModel" animation-mixer>
  </a-entity>
</a-scene>

Answer 1

我想你可能错过了可以将多张图片上传到 mindar 中的图片编译工具的部分。 编译后（所有目标都编译成一个单一的思维文件），它专门显示目标图像编号（1-indexed）。 因此，您可以使用从零开始的索引来指定目标。

<a-entity mindar-image-target="targetIndex: 0">
   ...
</a-entity>
<a-entity mindar-image-target="targetIndex: 1">
   ...
</a-entity>

希望这能消除您的疑虑。