Как создать QuickMenu в рамке с помощью JavaScript - PullRequest
Новая
       15

Как создать QuickMenu в рамке с помощью JavaScript

2 голосов
/ 04 июня 2019

Я пытаюсь создать быстрое меню, в котором, если пользователь щелкает центральную плоскость, вокруг нее увеличивается масштаб от 0 до 1, а центральная плоскость заменяется кнопкой «Назад», теперь, когда пользователь нажимает кнопку «Назад», плоскости исчезают, я пробовалс событиями, но он не работает

https://glitch.com/~sugar-zephyr [вот ссылка на страницу glich для моего кода] [1]

1 Ответ

2 голосов
/ 04 июня 2019

Вы запускаете событие на 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

...