Use createImageBitmap for more efficient image texture creation/storage.

Dallinger · Aug 15, 2023 · fa8e9aa · fa8e9aa
1 parent 8d2053a
commit fa8e9aa
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 19 deletions.
diff --git a/dlgr/griduniverse/static/scripts/dist/bundle.js b/dlgr/griduniverse/static/scripts/dist/bundle.js
diff --git a/dlgr/griduniverse/static/scripts/dist/bundle.js.map b/dlgr/griduniverse/static/scripts/dist/bundle.js.map
diff --git a/dlgr/griduniverse/static/scripts/dist/difi.js.map b/dlgr/griduniverse/static/scripts/dist/difi.js.map
diff --git a/dlgr/griduniverse/static/scripts/dist/questionnaire.js.map b/dlgr/griduniverse/static/scripts/dist/questionnaire.js.map
diff --git a/dlgr/griduniverse/static/scripts/index.js b/dlgr/griduniverse/static/scripts/index.js
@@ -221,18 +221,20 @@ Pixels.prototype.imageTexture = function(imageUrl) {
   if (imageUrl in textureCache) {
     return textureCache[imageUrl];
   }
-  return new Promise (resolve => {
+  return new Promise ((resolve) => {
     let image = new Image();
     image.src = imageUrl;
     image.crossOrigin = "anonymous";
     image.onload = () => {
-      // Don't recreate the texture if we already have it cached
-      if (!(imageUrl in textureCache)) {
-        let texture = this.regl.texture(image);
-        textureCache[imageUrl] = texture;
-      }
-      resolve(textureCache[imageUrl]);
-    }
+      createImageBitmap(image).then((bitmap) => {
+        // Don't recreate the texture if we already have it cached
+        if (!(imageUrl in textureCache)) {
+          let texture = this.regl.texture(bitmap);
+          textureCache[imageUrl] = texture;
+        }
+        resolve(textureCache[imageUrl]);
+      });
+    };
   });
 }