Aframe 0.8.1升级后VR及非VR模式下相机定位至(0,0,0)的技术问询

由于A-Frame 0.8.1把相机姿态的控制权交给了three.js，原有的userHeight参数被移除，要在VR和非VR模式下都把相机位置固定在(0, 0, 0)，这里有几个实用的方案：

方案一：禁用相机的自动位置跟踪 #

直接在相机实体上设置位置，并关闭look-controls的自动位置跟踪功能，这是最直接的方法：

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

autoTrackPosition默认是开启状态，它会自动适配VR设备的跟踪空间调整相机高度，把它设为false后，相机就会严格使用你指定的position值，不管是VR还是普通模式都能生效。

方案二：自定义组件强制锁定相机位置 #

如果第一种方法在某些场景下不够稳定（比如被其他逻辑意外修改位置），可以写一个简单的自定义组件，强制把相机位置锁定在(0, 0, 0)：

AFRAME.registerComponent('lock-zero-position', {
  init: function () {
    // 相机激活时立刻重置位置
    this.el.addEventListener('camera-set-active', () => {
      this.el.object3D.position.set(0, 0, 0);
    });
    // 每一帧都检查并重置位置，防止被其他逻辑修改
    this.tick = () => {
      this.el.object3D.position.set(0, 0, 0);
    };
  }
});

然后在相机上引用这个组件即可：

<a-camera lock-zero-position></a-camera>

这个组件会从两个维度确保相机位置不会偏移，适合对位置精度要求较高的场景。

方案三：调整场景参考系（备选） #

如果你的场景中有大量依赖默认相机高度的元素，也可以反过来调整整个场景的位置，抵消相机的默认高度偏移：

<a-scene position="0 1.6 0">
  <!-- 你的所有场景内容放在这里 -->
  <a-camera position="0 0 0"></a-camera>
</a-scene>

不过这个方法需要注意VR模式下的设备跟踪适配，因为不同VR设备的跟踪空间可能存在差异，所以更推荐前两种方案。

补充说明：这次A-Frame的变更主要是为了更好地兼容WebXR标准，把相机姿态的控制逻辑交给three.js原生实现，虽然移除了userHeight这类封装参数，但也给了我们更直接的底层控制权限，上面的方案都是基于这个新特性设计的。

内容的提问来源于stack exchange，提问作者Fei