hdr-canvas 0.0.2 → 0.0.4

package/README.md

@@ -2,6 +2,10 @@
 
 This Module contains a collection of functions and classes to work with the HDR support for HTML `canvas` elements i chrome based browsers. This should only be considered as proof of concept or alpha code, don't use it in production environments.
 
+## Perfomance
+
+This module is intended as a proof of concept (PoC), especially operations on the `ImageData` arrays are not optimized, e.g. quite slow.
+
 # Feature detection
 
 Import the required function(s):
@@ -101,3 +105,13 @@ Use it as you'll do with a `WebGPURenderer`.
 ```javascript
 renderer = new HDRWebGPURenderer({ canvas: canvas, antialias: true });
 ```
+
+---
+
+# TODO
+
+The following things might be improved:
+
+- Try to detect change of screen for HDR detection
+- Improve speed
+  - Provide WebWorker

package/dist/hdr-canvas.cjs

@@ -5821,6 +5821,23 @@ class Uint16Image {
             this.data.set(fn(this.data[i], this.data[i + 1], this.data[i + 2], this.data[i + 3]), i);
         }
     }
+    static async loadSDRImageData(url) {
+        return fetch(url)
+            .then((response) => response.blob())
+            .then((blob) => {
+            return createImageBitmap(blob);
+        })
+            .then((bitmap) => {
+            const { width, height } = bitmap;
+            const offscreen = new OffscreenCanvas(width, height);
+            const ctx = offscreen.getContext("2d");
+            ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(bitmap, 0, 0);
+            return ctx;
+        })
+            .then((ctx) => {
+            return ctx === null || ctx === void 0 ? void 0 : ctx.getImageData(0, 0, ctx === null || ctx === void 0 ? void 0 : ctx.canvas.width, ctx === null || ctx === void 0 ? void 0 : ctx.canvas.height);
+        });
+    }
     static fromImageData(imageData) {
         const i = new Uint16Image(imageData.width, imageData.height);
         if (imageData.colorSpace == "srgb") {
@@ -5834,6 +5851,13 @@ class Uint16Image {
         }
         return i;
     }
+    static async fromURL(url) {
+        return Uint16Image.loadSDRImageData(url).then((data) => {
+            if (data !== undefined) {
+                return Uint16Image.fromImageData(data);
+            }
+        });
+    }
     setImageData(imageData) {
         this.width = imageData.width;
         this.height = imageData.height;
@@ -5848,6 +5872,11 @@ class Uint16Image {
         }
         this.colorSpace = Uint16Image.DEFAULT_COLORSPACE;
     }
+    clone() {
+        const i = new Uint16Image(this.width, this.height, this.colorSpace);
+        i.data = this.data.slice();
+        return i;
+    }
 }
 Uint16Image.DEFAULT_COLORSPACE = "rec2100-hlg";
 Uint16Image.SDR_MULTIPLIER = 2 ** 16 - 1;