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