javascript 如何用单个Mind文件加载多个Gltf

rqmkfv5c  于 2023-06-04  发布在  Java
关注(0)|答案(1)|浏览(334)

你好伙计们,我在一个小困惑,你怎么能扫描多个图像和加载多个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>
ttcibm8c

ttcibm8c1#

我想你可能错过了可以将多个图像上传到mindar中的image compilation工具的部分。在编译之后(所有目标都被编译到一个mind文件中),它特别显示了target image numbers(1-indexed)。因此,您可以使用从零开始的索引来指定目标。

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

希望这能消除你的疑虑。

相关问题