read to pixels function?

[ofZach]

one nice thing would be a read to pixels or read to image option -- thinking especially in the case of drawing to an FBO for saving out an image, etc...

[aferriss]

That's a good idea! Thanks for the suggestion :)

[ofZach]

if useful here's a quick test -- probably needs to account for floating point or other fbo settings

readToPixels(){
		const gl = this.gl;
		const size = this.width*this.height*4;

		// maybe this could be optimized, if repeatedly read
		var data =  new Uint8Array(size);				

		gl.bindFramebuffer(gl.FRAMEBUFFER, this.frameBuffer);
		gl.readPixels(0, 0, this.width, this.height, gl.RGBA,gl.UNSIGNED_BYTE, data);
		gl.bindFramebuffer(gl.FRAMEBUFFER, null);
		return data;
	}

[ofZach]

and a little proof of concept for turning into an image.

var data = fbo.readToPixels();

 var data = fbo.readToPixels();
 var img = createImage(fbo.width, fbo.height);
 for (i = 0; i < fbo.width; i++){
   for (j = 0; j < fbo.height; j++){
     var pos = (j * fbo.width*4) + i * 4;
     img.set(i,j, [data[pos], data[pos+1], data[pos+2],255]);
   }
 }
 img.updatePixels();
 img.save('outputTest', 'png');