Đọc pixel từ kết cấu WebGL

Question

Tôi có đối tượng WebGLTexture. Làm thế nào để có được điểm ảnh của kết cấu đó (tương tự như readPixels của WebGL, nhưng đối với kết cấu)?

Một ý tưởng tôi có là tạo canvas và ngữ cảnh WebGL với preserveDrawingBuffer = true và hiển thị kết cấu của tôi trên canvas này để nó hiển thị 2D phẳng và sau đó sử dụng readPixels. Cách tiếp cận này có hợp lý không? Có ai có một mã mẫu cho điều này?

Answer 1

Bạn có thể thử đính kết cấu vào bộ đệm khung và sau đó gọi readPixels trên bộ đệm khung.

lúc 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); 

lúc đọc

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

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

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

Đối với kết cấu của format = gl.RGBA, type = gl.UNSIGNED_BYTE canRead nên luôn luôn là sự thật. Đối với các định dạng và loại khác, có thể là sai.