@woosh/meep-engine 2.117.12 → 2.117.13

package/build/meep.cjs

@@ -51194,11 +51194,27 @@ 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");
+    let context = context_cache.get(canvas);
+
+    if (context === undefined) {
+        context = canvas.getContext("2d");
+        context_cache.set(canvas, context);
+    }
 
     const result = new Sampler2D(null, 4, width, height);
 
@@ -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