A 帧：html 个从场景实体调用的对象

Question

我正在尝试控制 A-Frame 场景中来自实体的一些 DOM 元素。这个问题之前在这里被问过：。 Noa 编写了一个组件，允许实体“调用”DOM 元素并将其带到场景前面。我以我认为相当笨拙的方式添加了 "hide" 函数，还添加了场景的不同元素通过同一组件调用不同 DOM 元素的选项。我不明白这一点。是否有必要为这些动作中的每一个编写不同的组件？我重新混音了 Noa 的 Glitch 以展示我正在尝试做的事情： https://glitch.com/edit/#!/join/391f2bd8-9f3a-4a3d-9426-e849d260081b

非常感谢。

Answer 1

我会使用不同类型的组件来执行此操作，该组件采用选择器来选择您希望它影响的 HTML：

AFRAME.registerComponent("show-html", {
  schema: { type: "selector" },
  init: function () {
    const target = this.data;
    this.el.addEventListener("click", () => target.classList.add("show"));
  }
});

<a-image show-html="#el_1"></a-image>
<a-image show-html="#el_2"></a-image>

A 帧：html 个从场景实体调用的对象

A-frame: html objects called from scene entities

html

aframe