Question

我正在尝试删除pixi应用程序中的所有子级孩子，但是在补间之后，某些精灵项目仍然保留并失败。.以下内容位于名为appEntry的类中。

create(){
    this.renderer = new Renderer({ resolution: window.devicePixelRatio });
    this.renderer.backgroundColor = 0x260244;

    this.app = new Container(); 
    this.loader = new Loader(); 

    console.log('PIXI APP INIT!');

    document.getElementById('pixi-render').appendChild(this.renderer.view);
    console.log('RENDERER APPENDED:', this.renderer);
    console.log('PIXI APP APPENDED:', this.app);

    AnimationStore.subscribe(() => {
       this.renderer.render(this.app);
    });

    Store.subscribe(() => {
       const { color, coloron } = Store.getState().App;
    });

    const main = new Main();
    this.app.removeChild(this.loader);
    this.app.addChild(main); 
    this.renderer.start();
}

destroy(){
    this.app.destroy(true);
    this.app = null;

    this.renderer.view.destroy( true );
    this.renderer.view = null;

    while(this.app.children[0]) { 
    this.app.removeChild(this.app.children[0]); }

    this.renderer.destroy( true );
    this.renderer = null;
    console.log('PIXI APP APPENDED:', this.app);
}

Answer 1

似乎destroy方法的设计不正确，并且不清楚为什么执行时浏览器中没有错误： this.app变量比从其中删除所有子级更早被清空同时（this.app.children [0]）

首先，我建议以另一种方式更改方法：

destroy(){
    while(this.app.children[0]) { 
        this.app.removeChild(this.app.children[0]);
    }

    this.app.destroy(true);
    this.app = null;

    this.renderer.view.destroy( true );
    this.renderer.view = null;

    this.renderer.destroy( true );
    this.renderer = null;
    console.log('PIXI APP APPENDED:', this.app);
}

此外，请确保您的错误未与补间仍处于活动状态这一事实有关，但其补间目标已被取消/删除/销毁。如果是这种情况，那么除了删除视觉对象外，还需要停止/销毁所有补间。

删除所有在Pixi申请中的孩子

1 个答案: