@woosh/meep-engine 2.117.12 → 2.117.14

package/build/meep.cjs

@@ -51194,34 +51194,34 @@ class ObservedString extends String {
  */
 ObservedString.prototype.isObservedString = true;
 
+/**
+ *
+ * @type {WeakMap<HTMLCanvasElement, CanvasRenderingContext2D>}
+ */
+const context_cache = new WeakMap();
+
+/**
+ *
+ * @param {HTMLCanvasElement} canvas
+ * @returns {Sampler2D}
+ */
 function canvas2Sampler2D(canvas) {
     const width = canvas.width;
     const height = canvas.height;
 
-    const context = canvas.getContext("2d");
-
-    const result = new Sampler2D(null, 4, width, height);
-
-    canvasDataToSampler(result, context);
-
-    return result;
-
-}
+    let context = context_cache.get(canvas);
 
-/**
- *
- * @param {Sampler2D} target
- * @param {CanvasRenderingContext2D} ctx
- */
-function canvasDataToSampler(target, ctx) {
-    const width = target.width;
-    const height = target.height;
+    if (context === undefined) {
+        context = canvas.getContext("2d");
+        context_cache.set(canvas, context);
+    }
 
-    const imageData = ctx.getImageData(0, 0, width, height);
+    const imageData = context.getImageData(0, 0, width, height);
 
     const data = imageData.data;
 
-    target.data = data;
+    return new Sampler2D(data, 4, width, height);
+
 }
 
 /**
@@ -67689,6 +67689,22 @@ const CopyShader = {
 
 };
 
+/**
+ *
+ * @param {Sampler2D} target
+ * @param {CanvasRenderingContext2D} ctx
+ */
+function canvasDataToSampler(target, ctx) {
+    const width = target.width;
+    const height = target.height;
+
+    const imageData = ctx.getImageData(0, 0, width, height);
+
+    const data = imageData.data;
+
+    target.data = data;
+}
+
 /**
  * WebGL constant, declared explicitly to avoid issues with later THREE.js versions where it is absent
  * @type {number}
@@ -76709,6 +76725,35 @@ function computeTextureHash(t) {
     );
 }
 
+/**
+ *
+ * @param {HTMLCanvasElement} a
+ * @param {HTMLCanvasElement} b
+ * @returns {boolean}
+ */
+function computeImageCanvasEquality(a, b) {
+    if(a === b){
+        // shortcut
+        return true;
+    }
+
+    if (
+        a.width !== b.width
+        || a.height !== b.height
+    ) {
+        return false;
+    }
+
+    const sampler_a = canvas2Sampler2D(a);
+    const sampler_b = canvas2Sampler2D(b);
+
+    if(!sampler_a.equals(sampler_b)){
+        return  false;
+    }
+
+    return true;
+}
+
 //
 
 /**
@@ -76770,28 +76815,6 @@ function computeTextureEquality(a, b) {
 }
 
 
-/**
- *
- * @param {HTMLCanvasElement} a
- * @param {HTMLCanvasElement} b
- * @returns {boolean}
- */
-function computeImageCanvasEquality(a, b) {
-    if (
-        a.width !== b.width
-        || a.height !== b.height
-    ) {
-        return false;
-    }
-
-    if (a.toDataURL() !== b.toDataURL()) {
-        // kinda slow, but pretty reliable, as we don't actually know what canvases hold, i.e. webgl, 2d etc.
-        return false;
-    }
-
-    return true;
-}
-
 /**
  *
  * @param {Image|ImageBitmap|HTMLCanvasElement|[]|{width:number, height:number}} a