hdr-canvas 0.0.1 → 0.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hdr-canvas",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "HDR capable HTML canvas",
   "main": "dist/hdr-canvas.js",
   "files": [

package/src/Uint16Image.ts

@@ -125,6 +125,24 @@ export class Uint16Image {
     }
   }
 
+  static async loadSDRImageData(url: URL): Promise<HDRImageData | undefined> {
+    return fetch(url)
+      .then((response) => response.blob())
+      .then((blob: Blob) => {
+        return createImageBitmap(blob);
+      })
+      .then((bitmap: ImageBitmap) => {
+        const { width, height } = bitmap;
+        const offscreen = new OffscreenCanvas(width, height);
+        const ctx = offscreen.getContext("2d");
+        ctx?.drawImage(bitmap, 0, 0);
+        return ctx;
+      })
+      .then((ctx: OffscreenCanvasRenderingContext2D | null) => {
+        return ctx?.getImageData(0, 0, ctx?.canvas.width, ctx?.canvas.height);
+      });
+  }
+
   static fromImageData(imageData: HDRImageData): Uint16Image {
     const i = new Uint16Image(imageData.width, imageData.height);
     if (imageData.colorSpace == "srgb") {
@@ -139,6 +157,16 @@ export class Uint16Image {
     return i;
   }
 
+  static async fromURL(url: URL): Promise<Uint16Image | undefined> {
+    return Uint16Image.loadSDRImageData(url).then(
+      (data: HDRImageData | undefined) => {
+        if (data !== undefined) {
+          return Uint16Image.fromImageData(data);
+        }
+      },
+    );
+  }
+
   setImageData(imageData: HDRImageData): void {
     this.width = imageData.width;
     this.height = imageData.height;

package/three/HDRWebGPUBackend.js

@@ -1,5 +1,5 @@
 import WebGPUBackend from 'three/addons/renderers/webgpu/WebGPUBackend.js';
-import { GPUFeatureName, GPUTextureFormat, GPUTextureUsage } from 'three/addons/renderers/webgpu/utils/WebGPUConstants.js';
+import { GPUFeatureName, GPUTextureFormat } from 'three/addons/renderers/webgpu/utils/WebGPUConstants.js';
 
 class HDRWebGPUBackend extends WebGPUBackend {