切换多个实体的可见性？

Question

我正在寻找最简单的方法来在单个实体单击上切换多个对象的可见性？

我有一个用户可以单击的主要实体，并且我希望两个附加实体在他们单击主要实体时出现。

一直在研究各种aframe插件，包括aframe-event-set，但根本无法使其工作。

Answer 1

event-set-component可以捕获一个目标，所以我建议您制作自己的component，它将捕获您要切换的所有实体，并在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
    })
  }
})

点击后，我将所有圆柱体设置为可见性，并切换切换开关。

签出here。