aframe外观-当实现渲染器的动画功能时，控件停止工作

AFRAME.registerComponent('my-animation', {
  init: function () {
    this.el.addEventListener('animationcomplete', this.onAnimationComplete.bind(this));
  },
  onAnimationComplete: function () {
    // 动画完成后的处理逻辑
  }
});

AFRAME.registerComponent('my-control', {
  init: function () {
    this.el.addEventListener('click', this.onClick.bind(this));
  },
  onClick: function () {
    // 控件点击后的处理逻辑
  }
});

AFRAME.registerComponent('my-animation', {
  init: function () {
    this.rafId = null;
  },
  play: function () {
    this.rafId = requestAnimationFrame(this.animate.bind(this));
  },
  animate: function () {
    // 动画逻辑
    this.rafId = requestAnimationFrame(this.animate.bind(this));
  },
  pause: function () {
    cancelAnimationFrame(this.rafId);
  }
});

AFRAME.registerComponent('my-animation', {
  init: function () {
    try {
      // 动画逻辑
    } catch (e) {
      console.error('Animation error:', e);
    }
  }
});

AFRAME.registerComponent('my-animation', {
  init: function () {
    this.el.addEventListener('animationcomplete', this.onAnimationComplete.bind(this));
  },
  pause: function () {
    // 暂停动画逻辑
  },
  remove: function () {
    this.el.removeEventListener('animationcomplete', this.onAnimationComplete.bind(this));
  }
});