aFrame.io创建超链接和下载链接

你好，我刚刚开始使用A- Frame.io，我发现网站非常有用。但是，如果我查看对象，没有关于如何使链接工作的文档。aFrame.io创建超链接和下载链接

https://aframe.io/examples/showcase/cursor/

在如果悬停在使用鼠标按钮，它改变形状的立方体分划板上面的例子。

有没有办法让一个网络链接工作，当多维数据集被触发。

<!DOCTYPE html> 
<html> 
    <head> 
<meta charset="utf-8"> 
<title>Cursor</title> 
<meta name="description" content="Cursor — A-Frame"> 
<script src="../../dist/aframe.js"></script> 
</head> 
<body> 
<a-scene> 
    <a-entity position="0 1.8 4"> 
    <a-camera id="camera"> 
     <a-cursor color="#4CC3D9"></a-cursor> 
    </a-camera> 
    </a-entity> 

    <a-box id="orange-cube" position="0 3.5 -2" rotation="30 30 0" width="2" depth="2" height="2" color="#F16745" roughness="0.8"> 
    <a-event name="mouseenter" scale="3 1 1" color="#FFC65D"></a-event> 
    <a-event name="mouseenter" target="#shadow" scale="3 2 2"></a-event> 
    <a-event name="mouseleave" scale="1 1 1" color="#F16745"></a-event> 
    <a-event name="mouseleave" target="#shadow" scale="2 2 2"></a-event> 
    </a-box> 

    <a-image id="shadow" position="0 0 -2" src="../_images/radial-shadow-2.png" opacity="0.5" rotation="-90 0 0" scale="2 2 2"></a-image> 
    <a-sky color="#ECECEC"></a-sky> 
</a-scene> 
</body> 
</html>

来源

2016-04-08 Raj Kaul

您可以添加事件侦听器或写入链接组件。

el.addEventListener('click', function() { 
    window.location.href = 'https://google.com'; 
});

组件：

AFRAME.registerComponent('link', { 
    schema: {default: ''}, 

    init: function() { 
    var url = this.data; 
    this.el.addEventListener('click', function() { 
     window.location.href = url; 
    }); 
    } 
});

```

来源

2016-04-10 01:25:06 ngokevin

我换一个aframe-href-component插件。您可以在任何a-frame对象中添加href属性以链接到一个url。或者您可以使用href="#id"专注于具有该ID的其他对象。

https://gasolin.github.io/aframe-href-component/

来源

2016-04-30 14:41:28 gasolin

如果你的意思是让你在VR那么作为2016年12月的这仍然是实验WebVR链接。

现在请参考FAQ cf https://aframe.io/docs/0.4.0/introduction/faq.html#can-i-add-links-to-my-scene或博客文章https://blog.mozvr.com/connecting-virtual-worlds-hyperlinks-in-webvr/提供一个使用Firefox Nightly的工作示例。

来源

2016-12-21 14:05:44 Utopiah

<html> 
<head> 
<meta name="description" content="A-Frame href"> 
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script> 

<script> 
    AFRAME.registerComponent('link', { 
    schema: {default: ''}, 

    init: function() { 
    var url = this.data; 
    this.el.addEventListener('click', function() { 
    window.location.href = url; 
}); 
}

}）;

</head> 
<body> 
<a-scene> 

<a-camera position="-1 0 7" look-controls wasd-controls> 
<a-cursor color="blue" fuse="true" timeout="2"></a-cursor> 
</a-camera> 

<a-light type="ambient" color="#fff"></a-light> 
<a-light type="hemisphere" groundColor="#ddd;" color="#fff" intensity="1.0" position="0 10 5" ></a-light> 

<a-text position="0 2 2" color="#fff" align="center" value="WASD Keys moves you on desktop.\n\nMove circle mouse pointer to red ball and wait a few seconds." width="4"></a-text> 
</a-box> 
</a-entity> 
<a-sphere color="red" radius="1" position="-4 2 0" link="http://cablecenter.org"></a-sphere> 
    <a-plane color="black" rotation="-90 0 0" width="30" height="30"></a-plane> 
    <a-sky color="#111"></a-sky> 
</a-scene> 

</body> 
</html>

来源

2017-04-26 23:50:26

我尽量不使用组件，除非我自己写它们。基本上只需.js加载项。 –

aFrame.io创建超链接和下载链接

回答

相关问题