在不使用第三方引擎的情况下提高 A-Frame 和 AR.js 图像跟踪应用程序的稳定性

问题描述 投票:0回答:1

我目前正在开发一个在浏览器环境中使用 A-Frame 和 AR.js 的图像跟踪应用程序。然而,我在场景中遇到了稳定性问题,它与 8th Wall 等其他充电引擎提供的稳定性水平不符。我想在不依赖外部引擎的情况下提高稳定性。

有没有一种方法可以在不诉诸其他付费解决方案的情况下增强AR场景的稳定性?我应该在 AR.js 中手动进行更改还是在 A-Frame 中探索替代方法?我非常感谢任何指导或建议来克服这一挑战并实现更稳定的 AR 体验。

提前感谢您的帮助!

这是我尝试过的代码:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
    <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script>
    <title>Vite App</title>
  </head>
  <body>
    <a-scene
      vr-mode-ui="enabled: false;"
      renderer="logarithmicDepthBuffer: true;"
      embedded
      arjs="trackingMethod: best; sourceType: webcam; debugUIEnabled: true; minConfidence: 0.5;"
    >
      <a-nft
        type="nft"
        url="trex/trex-image/atlas"
        smooth="1"
        smoothCount="10"
        smoothTolerance="0.01"
        smoothThreshold="5"
      >
        <a-entity
          id="model-id"
          gltf-model="/trex/pixel-cut3.glb"
          scale="100 100 100"
          rotation="0 90 0"
          position="170 100 -240"
          smooth-position
        >
        </a-entity>
      </a-nft>
      <a-entity camera></a-entity>
    </a-scene>

    <script type="module" src="/main.js"></script>
  </body>
</html>

three.js aframe ar.js 8thwall-web web-ar
1个回答
0
投票

我希望你一切都好。我搜索了很多,但除了使用标记而不是图像之外什么也没找到。这一切都与跟踪图像的质量有关。如果有办法,一定和图像追踪系统有关。

© www.soinside.com 2019 - 2024. All rights reserved.