0

我正在使用 AR.js 创建一个 AR 场景。Markers 一切正常，但是当我使用基于位置的 AR 时，对象会出现在一个地方，并且在设备旋转时不会移动。

<html>
<head>
  <script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>
  <script src="https://cdn.rawgit.com/jeromeetienne/AR.js/2.0.6/aframe/build/aframe-ar.js"></script>
</head>
<body style="margin: 0px; overflow: hidden;">
  <a-scene gps-camera-debug embedded arjs="sourceType: webcam; debugUIEnabled: false;" vr-mode-ui="enabled: false">
    <a-camera gps-camera rotation-reader>
      <a-box color="yellow" gps-entity-place="latitude: <lat>; longitude: <long>" scale="2 2 2" />
    </a-camera>
  </a-scene>
</body>
</html>

在我接受对摄像头和定位服务的访问后，摄像头显示屏上会出现一个黄色方块。但是，向上、向下、向左或向右移动相机不会移动或旋转对象。黄色方块似乎卡在屏幕上的一个位置。

我使用的 GPS 位置与 gps-camera-debug 报告的位置完全相同。如果我输入不同的纬度和经度，则根本不会出现黄色方块。

Firefox v70 和带有 IOS 12.3.1 的 iPhone 6 的结果相同。Firefox 控制台中的消息是...

A-Frame Version: 0.9.2 (Date 2019-05-06, Commit #f57a1fa) index.js:92:8
three Version (https://github.com/supermedium/three.js): ^0.102.2 index.js:93:8
WebVR Polyfill Version: ^0.10.10 index.js:95:8
Successfully compiled asm.js code (total compilation time 81ms) aframe-ar.js
THREE.WebGLRenderer 103dev three.js:22620:10
gps-camera-entity-added aframe-ar.js:9031:17
Use of the orientation sensor is deprecated. aframe-ar.js:8785:15
AR.js 2.0.6 - trackingBackend: artoolkit aframe-ar.js:7121:10
The Components object is deprecated. It will soon be removed. 02
gps-camera-ready aframe-ar.js:8749:25
Allocated videoFrameSize 1228800 aframe-ar.js:2:23009
Pattern detection mode set to 1. aframe-ar.js:2:23009
Pattern ratio size set to 0.500000.

有什么我想念的想法吗？

4

1 回答 1

1

该框不应该是相机的子项

<a-camera gps-camera rotation-reader>
</a-camera>
<a-box color="yellow" gps-entity-place="latitude: <lat>; longitude: <long>" scale="2 2 2" />

当 gps 试图定位盒子时可能会发生一场比赛，同时它正在应用相机变换。一个疯狂的猜测，但仍然 - 尝试过，它适用于 android chrome 上的上述代码。

于 2019-11-12T23:16:54.950 回答