Fix updatePixels incorrect on WebGL mode

Author: davepagurek

src/webgl/p5.Framebuffer.js

@@ -1556,11 +1556,20 @@ class Framebuffer {
       this.begin();
       this.renderer.push();
       // this.renderer.imageMode(constants.CENTER);
-      this.renderer.states.imageMode = constants.CENTER;
+      this.renderer.states.imageMode = constants.CORNER;
+      this.renderer.setCamera(this.filterCamera);
       this.renderer.resetMatrix();
       this.renderer.states.doStroke = false;
       this.renderer.clear();
-      this.renderer.image(this, 0, 0);
+      this.renderer._drawingFilter = true;
+      this.renderer.image(
+        this,
+        0, 0,
+        this.width, this.height,
+        -this.renderer.width / 2, -this.renderer.height / 2,
+        this.renderer.width, this.renderer.height
+      );
+      this.renderer._drawingFilter = false;
       this.renderer.pop();
       if (this.useDepth) {
         gl.clearDepth(1);

src/webgl/p5.RendererGL.js

@@ -1127,8 +1127,8 @@ class RendererGL extends Renderer {
     this.push();
     this.resetMatrix();
     this.clear();
-    this.states.imageMode = constants.CENTER;
-    this.image(fbo, 0, 0, fbo.width, fbo.height, 0, 0, fbo.width, fbo.height);
+    this.states.imageMode = constants.CORNER;
+    this.image(fbo, 0, 0, fbo.width, fbo.height, -fbo.width/2, -fbo.height/2, fbo.width, fbo.height);
     this.pop();
     this.GL.clearDepth(1);
     this.GL.clear(this.GL.DEPTH_BUFFER_BIT);