如何創建一個AFRAME按鈕

Question

有誰知道如何在AFRAME

創建一個按鈕來創建A-構圖按鈕即可使用 <a-box>原語光標聯合

Answer 1

的一種方式。下面是一個簡單的演示：

<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如果你在嵌入。