如何从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);
    }
  }
});