A-frame按钮onClick改变对象

可以使用A-frame的click事件监听器来实现点击按钮时更改对象的属性。例如，当我们按下按钮时，在场景中显示或隐藏一个立方体。

示例代码：

HTML:

<a-scene> 
  <a-entity id="button" geometry="primitive: box" position="0 1.5 -3" material="color: #FFC65D"></a-entity>

  <a-entity id="cube" geometry="primitive: box" position="0 0 -3" material="color: #EF2D5E"></a-entity>
</a-scene>

JavaScript:

var button = document.querySelector('#button');
var cube = document.querySelector('#cube');

button.addEventListener('click', function () {
  if (cube.getAttribute('visible')) {
    cube.setAttribute('visible', 'false');
  } else {
    cube.setAttribute('visible', 'true');
  }
});

在上面的示例中，我们使用querySelector选择按钮和立方体，并使用addEventListener为按钮添加click事件监听器。当按钮被点击时，我们使用getAttribute获取立方体当前的可见性属性，并根据获取的属性值更改立方体的可见性。如果立方体当前可见，则设置可见性为false；否则，设置可见性为true。