Freeze of an animation while loading/preloading textures pixijs

[Wlader]

Hi! Maybe someone could help  with a freeze of an animation while we loading/preloading textures.

There are background and several big animations. 

After scene have started to change and transition animation have started, main container is cleared and new background with different big animations are added.

This freeze is connected with scene rendering.

Does somebody know the way to deal with this problem?

=======================

Version pixijs 6.2.2

=======================

Application

    

    virtual_h = 2276;
    virtual_w = 1280;
    
    render = PIXI.autoDetectRenderer(virtual_w, virtual_h, {
        resolution: window.devicePixelRatio,
        autoResize: true,
        antialias: false,
    });
    
    gameContainer.height = virtual_h;
    gameContainer.width = virtual_w;
    document.getElementById("game").appendChild(render.view);

=======================

Animation

    let animationRaw = PIXI.Loader.shared.resources["animationRaw"].spritesheet.animations["animationRaw"];
    
    let animation = new PIXI.AnimatedSprite(animationRaw);
    animation.autoUpdate = true;
    animation.loop = false;
    animation.onComplete = function() {
        animation.stop();
    };
    gameContainer.addChild(animation);

=======================

Preload

    render.plugins.prepare.upload(gameContainer);

=======================

Ticker

    ticker.add(function() {
        render.render(gameContainer);
    });

=======================

Switch a scene

gameContainer.removeChildren(0, gameContainer.children.length);
    
    let animationRawNew = PIXI.Loader.shared.resources["animationRawNew"].spritesheet.animations["animationRawNew"];
    
    let animationNew = new PIXI.AnimatedSprite(animationRawNew);
    animationNew.autoUpdate = true;
    animationNew.loop = false;
    animationNew.onComplete = function() {
        animationNew.stop();
    };
    gameContainer.addChild(animationNew);

=======================