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

Question

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

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

Исследовали все виды плагинов для фреймов, включая набор событий 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
    })
  }
})

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

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