Question

我看过几个例子，这些例子都缺乏使用框架的简单链接图像。我发现最接近的是https://github.com/aframevr/aframe/blob/master/examples/showcase/link-traversal/index.html处的链接遍历示例，但是在Oculus Go上不起作用（猜测是因为它比所需的更为复杂），并且没有使用图像进行链接。我会同意使用非图像链接，但是即使如此，图像也不会显示在圆圈中，并且在VR中单击时，我将退出VR模式。令我惊讶的是，像简单的图像操作一样，使用a框架很难做到。也许我缺少一些简单的东西？谢谢。

Answer 1

您可以使用“链接”部分签出link的{{3}}

window.location = this.data.url;

并将其丢入一个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>

小提琴source code，尽管您需要将代码复制到其他地方，因为jsfiddle不允许将window.location更改为另一个原点。

如何使用a帧将图像链接到VR URL？

1 个答案: