Lag on movieClip.play()

[trsh]

I'm loading a huge animation spritessheet ~5000x4000.

 

1) Asset loader

PIXI.loader                .add('assets/dance.json')............ 

 2) Adding to stage

 var frames = [];            for (var i = 0; i < xxx; i++) {                var val = pad(i, 3);                frames.push(PIXI.Texture.fromFrame('xxx' + val + '.png'));            }            xxx = new PIXI.extras.MovieClip(frames);            xxx.loop = true;            xxx.visible = false; stage.addChild(xxx);

3) At some point I want to make it visible to user and start playing

deerDance['movie'].visible = true;deerDance['movie'].play();

When It happens there is and half-second or more a LAG (fps drop or rather everything stops in the scene) and then it plays very well with good fps. 

Is there any way to avoid this? Pre..load..something. So when it plays it goes smooth?

 

Best, janis

[ivan.popelyshev]

You can use https://github.com/pixijs/pixi-compressed-textures , it has special feature which will load ALL textures in video just after loader.

if (renderer.type == PIXI.RENDERER_TYPE.WEBGL)renderer.plugins.compressedTextureManager.updateAllTextures(resources, true);

[xerver]

The lag you experience comes from uploading the huge texture to the GPU.

[trsh]

Thanks guys