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

Question

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

https://glitch.com/~sugar-zephyr [这是我的代码的 link 错误页面][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

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

how to create quickmenu in aframe using javascript

javascript

web

webvr

aframe