javascript - 如何使用javascript在aframe中创建快捷菜单

Question

我正在尝试创建一个快速菜单，如果用户单击它周围的中心平面，则比例从 0 增加到 1，现在当用户单击后退按钮时，中心平面将被后退按钮取代，平面消失我试过了有事件但它不工作

https://glitch.com/~sugar-zephyr [这里是我的代码故障页面的链接][1]

Answer 1

您在 document 上触发事件，a-scene 中的实体将不会收到它。 DOM 事件冒泡，document 位于顶部。直接在飞机上触发事件:

var center=document.querySelector('#center');
var quickmenuopen=false;
center.addEventListener('click',e=>{
  var planes = document.querySelectorAll('a-plane');
  var eventName = "closemenu";
  if(quickmenuopen){
    eventName = "openmenu";
  }
  var event= new CustomEvent(eventName);
  for (var i = 0; i < planes.length; ++i) {
    planes[i].dispatchEvent(event);
  }
})

更正的故障:https://glitch.com/edit/#!/abiding-titanium?path=index.html:68:4