Need help with WebGL

Skeptron

Hi guys!

Sorry for this noob post but I'd really appreciate some help with WebGL. I'm coding a game with Phaser, which handles rendering, but as there is no satisfying Phaser plugin for Spine, I'm using Spine runtimes. Issue is, I have to dive into the rendering code as it's no longer Phaser that renders my spine objects.

Canvas rendering went on pretty smooth. No issue there.

WebGL, on the other hand, is causing me a lot of trouble. Truth is, I really don't know it, so it's pretty hard for me to figure out how to render my objects. I used the examples to see how to use the API, but my issue is that there seems to be a conflict between the renderers. Either I render my Phaser game, either I render my spine object. One seems to override the other, and it seems to happen on the shader.bind() call of my Spine object.
I don't know what the exact problem is : is the Spine renderer completely deleting the Phaser renderer, or is it just drawing above the Phaser rendrer? I don't know. But I can only see one at a time.

Any help / best practices for this kind of game would be tremendously appreciated!

Thanks guys!

Skeptron

Mario

Answering this question is a bit tough. I'm sadly not familiar with Phasers rendering infrastructure, but my guess it that it assumes no other renderer takes over the WebGL context (the thing that gives us functions to do GPU rendering via WebGL, you pass it to Shader/Mesh/Texture etc). The WebGL context has state, such as which shader is bound, which mesh is bound, which textures are bound, whether blending is enabled or not, etc. I assume Phaser will set those things and not think that they're ever changed by 3rd party code. I'm afraid your best bet is to ask on the Phaser forums how to integrate raw WebGL rendering code into the Phaser rendering phase.