Recreate WebGLRenderer on new Canvas

[hyzhak]

In my case I need to recreate WebGLRenderer on new Canvas. Also I've deleted previous WebGLRenderer before.

 

After some experiments I've found that you need to clear some cache objects in PIXI.js before recreate WebGLRenderer, to avoid caching of previous 3D context in objects.

Here is solution:

//clear some cached objects in Pixi.jsPIXI._batchs.length = 0;PIXI.TextureCache = {};PIXI.BaseTextureCache = {}; 

https://gist.github.com/Hyzhak/5747824

 

PS:

But anyway I'm still having some strange bug with shuffling of sequence of rendering DisplayObjects. It's look like after recreation of WebGLRenderer hierarchy of DisplayObjects breaks.

PPS:
I've tested same use case on CanvasRenderer and everything works fine.