dataURL of a texture with WebGL

[Leth]

Hi,

 

I'm trying to get the dataURL of a RenderTexture using the WebGL renderer.

With the Canvas renderer, it's easy:

 

// ...var renderer = new PIXI.CanvasRenderer(width, height);// ...var canvasDataURL = renderer.view.toDataURL();var renderTexture = new PIXI.RenderTexture(42, 42);renderTexture.render(someDoc);var renderTextureDataURL = renderTexture.baseTexture.source.toDataURL();

But with WebGL I can't find how to do it. The baseTexture of a RenderTexture have an undefined source.

Also, with WebGL, if I want to be able to get the dataURL of the view/canvas, I have to modify the source of pixi to add the option preserveDrawingBuffer to the context here: https://github.com/GoodBoyDigital/pixi.js/blob/master/src/pixi/renderers/webgl/WebGLRenderer.js#L72

 

this.options = {                             alpha: this.transparent,                 antialias:!!antialias, // SPEED UP??     premultipliedAlpha:!!transparent,        stencil:true,    preserveDrawingBuffer: true,};                                       

My questions:

1. Is it possible to set preserveDrawingBuffer somewhere without modifing pixi's source ?

2. How to get the dataURL of a RenderTexture like in the first example, but for WebGL ? (When preserveDrawingBuffer is true)

3. Where does pixi issues drawing commands to WebGL context ? I'v read this ( http://stackoverflow.com/a/12548710 ) and I'm trying to find where/when should I get the dataURL of an element in the source without setting preserveDrawingBuffer to true.

By the way, I really love Pixi.js. A big thanks to all the contributors !

[Sebi]

No clue how it works with WebGL.

But I had the same issue when I was creating my PixiTexturePacker.

 

At some point I was just like..screw this...

if(renderer instanceof PIXI.CanvasRenderer) { canvasRenderer = renderer;} else { canvasRenderer = new PIXI.CanvasRenderer(width, height, null, true);}...var renderTexture = new PIXI.RenderTexture(width, height, canvasRenderer);...

So I just always created a canvas renderer instance. That way I had access to the renderTexture.baseTexture.source which I could draw on a canvas and then export the dataurl. Not like it makes a huge difference.

[Leth]

I did not realize I could do this  

Thanks a lot !

[Sebi]

There is probably a way to do this with the WebGL renderer though.

Gotta wait for the WebGL profis to tell us their secrets, haha