Multiple PIXI.Stage's on one page

[Tolmark12]

When I have more than one pixi stage on a page that uses textured sprites, the first stage renders the sprite just fine, however the second throws the error:

WebGL: INVALID_OPERATION: bindTexture: object not from this context 

Here's an example, once it loads, click run with the console open:
http://jsfiddle.net/tolmark12/dDWD9/1/ (coffeescript)

edit : updated js fiddle link

[GoodBoyDigital]

Interesting use case!

The issue lies with the fact that the pixi.js texture cache stores textures but only for one webGL context. At the moment you cant use the same texture in multiple contexts as each instance of webGL requires its own one.

If you dont use the texture cache it works all good..

http://jsfiddle.net/HrGVq/

A possible solution could be to create a new texture cache for each instance of a webGL renderer..

[Tolmark12]

I see, very good. Creating a new texture cache for each instance will work perfect.

Thanks for the help!

[GoodBoyDigital]

Happy to help :)

[Tolmark12]

As I put this into practice, I'm still getting that error. I think it might have something to do with when the WebGLRenderer render method runs?

http://jsfiddle.net/tolmark12/zmJtD/3/

Uncommenting line 15 fixes the problem in the jsFiddle example, but doesn't fix the issue in my app (even though the implementations are essentially the same). I'm wondering if it is because there is a lot more javascript running elsewhere on my app's page which somehow causes the renderer to lag before rendering?

I'm shooting in the dark here, but does this spark any thoughts?

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.