Переключить видимость для нескольких объектов при нажатии?

Question

Я ищу самый простой способ переключения видимости нескольких объектов одним щелчком мыши?

У меня есть одна основная сущность, на которую пользователь может щелкнуть, и я хочу, чтобы две дополнительные сущности появлялись после щелчка основной.

Изучал всевозможные плагины aframe, включая набор событий aframe, но просто не мог заставить его работать.

Answer 1

Компонент набора событий захватывает одну цель, поэтому я бы предложил создать свой собственный компонент, который будет захватывать все объекты, которые вы хотите переключить, и скрывать / показывать их в цикле for:

AFRAME.registerComponent("foo", {
  init: function() {
    let toggle = false
    this.el.addEventListener("click", (e) => {
      let cylinders = document.querySelectorAll("a-cylinder")
      cylinders.forEach(function(el) {
          el.setAttribute("visible", toggle)
      })
      toggle = !toggle
    })
  }
})

При нажатии я устанавливаю видимость для всех цилиндров и переключаю переключатель.

Проверьте это здесь.