Ionic3 将360°图像定位到用户方向

我想建立一个虚拟现实应用程序，这取决于用户所看的方向

我的虚拟现实内容是基于基点的，因此如果用户朝北方看，也应该显示北方内容

我用于显示360°图像，该图像的位置应与用户看起来的位置有关

我的代码如下所示

<a-scene>
      <a-sky src="../../assets/img/puydesancy.jpg" rotation="0 -130 0"></a-sky>
      <a-text font="kelsonsans" value="Sightseeing" width="5" position="-0.75 1.0 -1.5" rotation="0 0 0"></a-text>
</a-scene>

---

图像是一个360°球形全景图。

您需要制作一个组件，根据相机的旋转来处理环境：

AFRAME.registerComponent("rotationhandler", {
    tick: function() {
      var rotation = this.el.getAttribute("rotation");
      if (rotation.y > 0 && rotation.y < 90) {
        document.querySelector("a-sky").setAttribute("color", "red")
      } else {
        document.querySelector("a-sky").setAttribute("color", "blue")
      }
    }
})

所以，在勾号上，我检查旋转，当角度正确时，我做一些改变。只要在旋转上加一个模，这样当有人旋转超过0或360时，它就不会变得愚蠢了

请在上查看

还有另一种方法，在相机上听组件的变化，但在我看来这是滞后的。

---

现在，当进入VR模式时，旋转取决于陀螺仪的输出值。因此，它将对应于东北等你想要的

你应该提供更多关于你到底做了什么的细节，最好是一个说明你正在努力实现什么的工作示例。你的问题在细节上含糊不清，你很难得到具体的答案。