Close #1301 disable interpolation if larger than 8096px + add "willRe…

…adFrequently" option
mistic100 · May 14, 2024 · 9d0b53d · 9d0b53d
1 parent d90c4db
commit 9d0b53d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/packages/core/src/adapters/EquirectangularAdapter.ts b/packages/core/src/adapters/EquirectangularAdapter.ts
@@ -84,7 +84,9 @@ export class EquirectangularAdapter extends AbstractAdapter<string, Texture, Pan
                 logWarn('Web Worker API not available');
                 this.config.interpolateBackground = false;
             } else {
-                this.interpolationWorker = new Worker(interpolationWorkerSrc);
+                this.interpolationWorker = new Worker(interpolationWorkerSrc, {
+                    name: 'photo-sphere-viewer-interpolation',
+                });
             }
         }
 
@@ -321,10 +323,12 @@ export class EquirectangularAdapter extends AbstractAdapter<string, Texture, Pan
 
             const t = createTexture(buffer);
 
-            if (this.config.interpolateBackground && (
-                panoData.croppedWidth !== panoData.fullWidth
-                || panoData.croppedHeight !== panoData.fullHeight
-            )) {
+            if (this.config.interpolateBackground
+                && resizedPanoData.fullWidth <= 8096
+                && (
+                    panoData.croppedWidth !== panoData.fullWidth
+                    || panoData.croppedHeight !== panoData.fullHeight
+                )) {
                 this.interpolationWorker.postMessage({
                     image: ctx.getImageData(
                         resizedPanoData.croppedX,

diff --git a/packages/core/src/adapters/interpolationWorker.ts b/packages/core/src/adapters/interpolationWorker.ts
@@ -10,7 +10,9 @@ function interpolationWorker() {
         const panoData: PanoData = e.data.panoData;
 
         const buffer = new OffscreenCanvas(panoData.fullWidth, panoData.fullHeight);
-        const ctx = buffer.getContext('2d');
+        const ctx = buffer.getContext('2d', {
+            willReadFrequently: true,
+        });
 
         const img = new OffscreenCanvas(panoData.croppedWidth, panoData.croppedHeight);
         const ctxImg = img.getContext('2d');