Aframe 如何使用a-frame将图像链接到VR URL?

Aframe 如何使用a-frame将图像链接到VR URL?,aframe,webvr,Aframe,Webvr,我已经看到了几个使用框架的简单链接图像的例子。我发现的最接近的例子是在的链接遍历示例,但是它在Oculus Go上不起作用(猜测,因为它比需要的更复杂),并且没有使用图像进行链接。我会满足于非图像链接,但即使这样,图像也不会显示在圆圈中,当在VR中单击时,我会退出VR模式。我感到惊讶的是,像基于图像的网页链接这样简单的东西在使用a-frame时是如此困难。也许我错过了一些简单的东西?谢谢。您可以使用“链接”部分查看链接 并将其放入a形框架组件中: AFRAME.registerComponent

我已经看到了几个使用框架的简单链接图像的例子。我发现的最接近的例子是在的链接遍历示例,但是它在Oculus Go上不起作用(猜测,因为它比需要的更复杂),并且没有使用图像进行链接。我会满足于非图像链接,但即使这样,图像也不会显示在圆圈中,当在VR中单击时,我会退出VR模式。我感到惊讶的是,像基于图像的网页链接这样简单的东西在使用a-frame时是如此困难。也许我错过了一些简单的东西?谢谢。

您可以使用“链接”部分查看
链接

并将其放入a形框架组件中:

AFRAME.registerComponent("weblink", {
  schema: {
    url: {
      default: ""
    }
  },
  init: function() {
    this.el.addEventListener("click", (e) => {
      window.location = this.data.url;
    })
  }
})
单击-将窗口位置更改为所需的url。将其扔到任何帧实体上:

<a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9" 
       weblink="url: https://google.com"></a-box>

,尽管您需要将代码复制到其他地方,因为JSFIDLE不允许将
窗口位置更改为另一个原点

还要记住,虚拟现实中的导航功能只适用于Firefox、Supermedium、Oculus浏览器和三星互联网。问题是,每次检查我都会被带出虚拟现实模式(在Firefox和Oculus浏览器上)。
<a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9" 
       weblink="url: https://google.com"></a-box>