如何创建一个AFRAME按钮

创建一个按钮来创建A-构图按钮即可使用 <a-box>原语光标联合

2016-08-17 Emmanuel Ogba

你是什么意思（Vive Controllers按钮？游戏手柄？鼠标？），以及到目前为止您尝试了什么？对任何对象使用A-Frame [光标组件]（https://aframe.io/docs/0.2.0/components/cursor.html）可让您在单击该对象时执行JavaScript。 –

我的意思是像一个aframe标记，您可以使用它来创建加载新屏幕的按钮。我能得到的最好的东西就是用图片来做。 –

对，但是，如果你想要的不是一个看起来像一个按钮的图片，你想要什么样的按钮？就像一个点击时稍微移动的小3D缸？你已经有了“加载新屏幕”的部分？你的问题非常模糊。 –

的一种方式。下面是一个简单的演示：

<a-scene> 
    <a-entity position="0 .6 4"> 
     <a-camera> 
      <a-entity id="mycursor" cursor="fuse: true; fuseTimeout: 500; max-distance: 30;" 
      position="0 0 -5" 
      geometry="primitive: ring" 
      material="color: blue; shader: flat"> 
      </a-entity> 
     </a-camera> 
    </a-entity> 

    <!-- "button" --> 
    <a-entity id="refresh-button" geometry="primitive: box" material="color: red" position="0 0 -2"></a> 
</a-scene> 

<script> 
    document.querySelector('#refresh-button').addEventListener('click', function() { 
     // Refresh stuff would go here! 
    }); 
</script>

当光标聚焦于“按钮”，在click事件将触发。要将文本添加到该按钮，你可以使用这个组件：

https://github.com/ngokevin/aframe-text-component

最后，如果你正在寻找一个更传统的“按钮”，你可以简单地飘起了<button>元素在画布或Iframe如果你在嵌入。

来源

2016-08-17 20:09:43

如果你想将按钮集成到场景中，浮动按钮将不起作用，因为它不会显示在VR耳机上也不会被遮挡。和https://github.com/bryik/aframe-bmfont-text-component是一个很棒的文本解决方案。 – ngokevin

如何创建一个盒子并在其前面定位文本。 –

这对我有用。 –

如何创建一个AFRAME按钮

回答

相关问题