aframe 在移动设备上调整相机旋转

Question

使用 Aframe 如何手动更改相机旋转，以便它在移动设备上工作并仍然使用外观控制？

我已经尝试通过 html 属性，如下所示:

document
  .querySelector('[camera]')
  .setAttribute('rotation', { x: 0, y: deg, z: 0 })

这在桌面上运行良好，但在移动设备上，外观控制组件似乎将相机旋转重置为之前的值。

我在这里设置了一个演示，它改变了旋转并禁用了外观控制。然后我设置了一个超时，1 秒后重新启用外观控制。 https://embed.plnkr.co/WA1rKucPk0cGffrbfrTh/

按任何 html 按钮都会将您旋转到一个对象并禁用外观控件。 1 秒后，控制重新启用。如果您在移动设备上尝试此操作，您会注意到相机旋转，然后在启用外观控制后 1 秒恢复原状。

我是否也需要在移动设备上重置一些偏移量，也许是lookcontrols.yawObject？

Answer 1

将相机放入实体内:

<a-entity rotation="0 0 0">
    <a-camera></a-camera>
</a-entity>

然后旋转实体而不是相机。