如何从 A-Frame 的场景中移除实体或元素？

Question

我正在构建一个监视（在 tick 中）其实体位置的组件，当满足某些条件时，它将实体从场景中移除。我该如何做删除部分？

例如：

AFRAME.registerComponent('remove-on-tick', {
  tick: function () {
    if (condition) {
      // Remove entity.
    }
  }
});

Answer 1

删除实体与 DOM 中的相同：

entityEl.parentNode.removeChild(entityEl);

如果你有一个球体：

var sphere = document.querySelector('a-sphere');
sphere.parentNode.removeChild(sphere);

在组件中，我们通过 this.el:

引用实体

AFRAME.registerComponent('remove-on-tick', {
  tick: function () {
    var entity = this.el;
    if (condition) {
      entity.parentNode.removeChild(entity);
    }
  }
});

如何从 A-Frame 的场景中移除实体或元素？

How do I remove an entity or element from the scene in A-Frame?

aframe