Как вы создаете AFRAME кнопку

Question

Кто-нибудь знает, как создать кнопку в AFRAME

Answer 1

Один из способов создать кнопку с A-Frame будет использовать <a-box> примитив в сочетании с курсором. Ниже простой демо:

<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, если вы встраиваете.