Aframe 需要帮助在框架中创建指向其他网页的链接吗_Aframe

Aframe 需要帮助在框架中创建指向其他网页的链接吗

aframe

Aframe 需要帮助在框架中创建指向其他网页的链接吗,aframe,Aframe,找不到这个问题的任何明确而直接的答案。我使用一个框架将介绍页面构建到一个网站（）。我面临的问题是如何将旋转的Twitter和Instagram块变成链接我想发生的事：当光标接触长方体时，长方体轮廓高亮显示当点击它时，我会进入另一个网页（例如：google.com）到目前为止，这是我所有的代码。我觉得我已经尝试了所有的方法，包括AFrame（）提供的linkcontrols组件。任何帮助实现这一目标的人都会感到惊奇。提前谢谢 <html> 巴黎的噩梦

找不到这个问题的任何明确而直接的答案。我使用一个框架将介绍页面构建到一个网站（）。我面临的问题是如何将旋转的Twitter和Instagram块变成链接

我想发生的事：

当光标接触长方体时，长方体轮廓高亮显示
当点击它时，我会进入另一个网页（例如：google.com）

到目前为止，这是我所有的代码。我觉得我已经尝试了所有的方法，包括AFrame（）提供的linkcontrols组件。任何帮助实现这一目标的人都会感到惊奇。提前谢谢

<html>


巴黎的噩梦

这个例子应该有助于：

对于悬停，您可以使用event_set组件（虽然outline有点难，可能有outline组件），然后使用js作为单击处理程序导航到另一个url：

悬停示例：

  <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9" shadow
         event-set__enter="_event: mouseenter; color: #026fc9"
         event-set__leave="_event: mouseleave; color: #4CC3D9">
  </a-box>

对于单击并导航到另一个站点，类似的操作可能会起作用：

<script>
  AFRAME.registerComponent('navigate-on-click', {
    schema: {
      url: {default: ''}
    },

    init: function () {
      var data = this.data;
      var el = this.el;

      el.addEventListener('click', function () {
        window.location.href = data.url;
      });
    }
  });        
</script>


AFRAME.registerComponent（'单击导航'{
模式：{
url:{默认值：'}
},
init：函数（）{
var数据=此数据；
var el=this.el；
el.addEventListener（'click'，函数（）{
window.location.href=data.url；
});
}
});

然后将其用于实体：

<a-box navigate-on-click="url: http://google.com"></a-box>

还有一件事，对于摄影机元素，您需要的是“光线原点”属性而不是“模式”：

<a-entity camera="" look-controls cursor="rayOrigin: mouse"></a-entity>

是的，非常感谢。我一定会试试这个。我唯一遇到的问题是，当我尝试进行网站导航时，URL中会出现这个问题。( ' ). 有没有办法去掉第一部分？测试链接应该已经把我带到Google.com了，很好，看起来你不需要url周围的单引号，更新了答案来反映它。这应该行得通：

太好了，非常感谢你，伙计，你帮了我大忙！当然，这也会帮助很多其他人。再次感谢！不客气，很高兴能帮上忙。如果答案对您有效，请不要忘记将其标记为已接受；）
  <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9" shadow
         event-set__enter="_event: mouseenter; color: #026fc9"
         event-set__leave="_event: mouseleave; color: #4CC3D9">
  </a-box>

<script>
  AFRAME.registerComponent('navigate-on-click', {
    schema: {
      url: {default: ''}
    },

    init: function () {
      var data = this.data;
      var el = this.el;

      el.addEventListener('click', function () {
        window.location.href = data.url;
      });
    }
  });        
</script>

<a-box navigate-on-click="url: http://google.com"></a-box>

<a-entity camera="" look-controls cursor="rayOrigin: mouse"></a-entity>