У меня есть 2 поля в A-FRAME (0.9.2), я хочу, чтобы второе поле (красное) появлялось при нажатии на первое (зеленое). Вначале красное поле не отображается, но я хочу, чтобы оно появлялось и исчезало при щелчке в зеленом поле.
AFRAME.registerComponent('cajaverde', {
init: function() {
this.el.addEventListener("click", (e) => {
let aparecer = document.querySelector("#cajaroja")
aparecer.setAttribute("visible", !aparecer.getAttribute("visible"))
})
}
})
А вот мои поля:
<a-box caja id="cajaroja" color="#b51628" depth=".1" height="1" width="0.9" position="1 2.6 -2" visible="false"></a-box>
<a-box caja id="cajaverde" color="#44cf67" depth=".1" height="1" width="0.9" position="-0.5 2.6 -2"></a-box>
Когдая нажимаю зеленое поле, ничего не происходит.
У меня также есть код здесь