Leggere i pixel da una trama WebGL

Question

Ho un oggetto WebGLTexture. Come ottengo i pixel di quella texture (simile ai readPixel di WebGL, ma per una trama)?

Un'idea che ho è di creare una tela e un contesto WebGL con preserveDrawingBuffer = true, e rendere la mia texture su questa tela in modo che mostri 2D flat, e quindi utilizzare readPixels. Questo approccio è ragionevole? Qualcuno ha un codice di esempio per questo?

Answer 1

Si può provare ad allegare la trama a un framebuffer e quindi chiamare readPixels sul frame buffer.

in fase di init

// make a framebuffer 
fb = gl.createFramebuffer(); 

// make this the current frame buffer 
gl.bindFramebuffer(gl.FRAMEBUFFER, fb); 

// attach the texture to the framebuffer. 
gl.framebufferTexture2D(
    gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, 
    gl.TEXTURE_2D, texture, 0); 

// check if you can read from this type of texture. 
bool canRead = (gl.checkFramebufferStatus(gl.FRAMEBUFFER) == gl.FRAMEBUFFER_COMPLETE); 

// Unbind the framebuffer 
gl.bindFramebuffer(gl.FRAMEBUFFER, null); 

al tempo di lettura

if (canRead) { 
    // bind the framebuffer 
    gl.bindFramebuffer(gl.FRAMEBUFFER, fb); 

    // read the pixels 
    gl.readPixels(......); 

    // Unbind the framebuffer 
    gl.bindFramebuffer(gl.FRAMEBUFFER, null); 
} 

Per le texture di format = gl.RGBA, type = gl.UNSIGNED_BYTE CanRead dovrebbe essere sempre vero. Per altri formati e tipi, canRead potrebbe essere falso.