From 4cc91c3221848b6156867d90fa00ae3a29bb33a9 Mon Sep 17 00:00:00 2001
From: Christian Harris <christianh104@gmail.com>
Date: Fri, 18 Aug 2023 04:40:27 -0700
Subject: [PATCH] Christianh104 patch 1 (#1)

Resolves cropped rendering when WebGL drawing buffer is smaller than canvas due to hardware constraints by scaling viewport to drawing buffer rather than canvas size.
See:
https://stackoverflow.com/questions/29710696/webgl-drawing-buffer-size-does-not-equal-canvas-size
https://registry.khronos.org/webgl/specs/latest/1.0/#2.2
---
 src/backend/gl/kernel.js     |  4 ++--
 src/backend/web-gl/kernel.js | 14 ++++----------
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/backend/gl/kernel.js b/src/backend/gl/kernel.js
index 29948449..9d8c198c 100644
--- a/src/backend/gl/kernel.js
+++ b/src/backend/gl/kernel.js
@@ -929,9 +929,9 @@ class GLKernel extends Kernel {
       this.updateMaxTexSize();
       this.framebuffer.width = this.texSize[0];
       this.framebuffer.height = this.texSize[1];
-      gl.viewport(0, 0, this.maxTexSize[0], this.maxTexSize[1]);
       this.canvas.width = this.maxTexSize[0];
       this.canvas.height = this.maxTexSize[1];
+      gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);
       if (this.texture) {
         this.texture.delete();
       }
@@ -1056,4 +1056,4 @@ const typeMap = {
 
 module.exports = {
   GLKernel
-};
\ No newline at end of file
+};
diff --git a/src/backend/web-gl/kernel.js b/src/backend/web-gl/kernel.js
index ffea4705..e87b8be7 100644
--- a/src/backend/web-gl/kernel.js
+++ b/src/backend/web-gl/kernel.js
@@ -491,15 +491,9 @@ class WebGLKernel extends GLKernel {
     }
     const { texSize, context: gl, canvas } = this;
     gl.enable(gl.SCISSOR_TEST);
-    if (this.pipeline && this.precision === 'single') {
-      gl.viewport(0, 0, this.maxTexSize[0], this.maxTexSize[1]);
-      canvas.width = this.maxTexSize[0];
-      canvas.height = this.maxTexSize[1];
-    } else {
-      gl.viewport(0, 0, this.maxTexSize[0], this.maxTexSize[1]);
-      canvas.width = this.maxTexSize[0];
-      canvas.height = this.maxTexSize[1];
-    }
+    canvas.width = this.maxTexSize[0];
+    canvas.height = this.maxTexSize[1];
+    gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);
     const threadDim = this.threadDim = Array.from(this.output);
     while (threadDim.length < 3) {
       threadDim.push(1);
@@ -1604,4 +1598,4 @@ float integerCorrectionModulo(float number, float divisor) {
 
 module.exports = {
   WebGLKernel
-};
\ No newline at end of file
+};