asciify-engine 1.0.59 → 1.0.61

package/dist/index.cjs

@@ -734,11 +734,34 @@ function imageToAsciiFrame(source, options, targetWidth, targetHeight) {
   ctx.drawImage(source, 0, 0, cols, rows);
   const imageData = ctx.getImageData(0, 0, cols, rows);
   const pixels = imageData.data;
+  const ck = options.chromaKey;
+  const ckEnabled = ck != null && ck !== false;
+  const ckHeuristicGreen = ck === true;
+  const ckHeuristicBlue = ck === "blue-screen";
+  let ckRGB = null;
+  let ckTolSq = 0;
+  if (ckEnabled && !ckHeuristicGreen && !ckHeuristicBlue) {
+    ckRGB = parseChromaKeyColor(ck);
+    ckTolSq = (options.chromaKeyTolerance ?? 60) ** 2;
+  }
   let normMin = 0;
   let normRange = 255;
   if (options.normalize) {
     let lo = 255, hi = 0;
     for (let k = 0; k < pixels.length; k += 4) {
+      if (ckEnabled) {
+        const pr = pixels[k], pg = pixels[k + 1], pb = pixels[k + 2];
+        let keyed = false;
+        if (ckHeuristicGreen) {
+          keyed = pg > pr * 1.4 && pg > pb * 1.4 && pg > 80;
+        } else if (ckHeuristicBlue) {
+          keyed = pb > pr * 1.4 && pb > pg * 1.4 && pb > 80;
+        } else if (ckRGB !== null) {
+          const dr = pr - ckRGB.r, dg = pg - ckRGB.g, db = pb - ckRGB.b;
+          keyed = dr * dr + dg * dg + db * db <= ckTolSq;
+        }
+        if (keyed) continue;
+      }
       const l = 0.299 * pixels[k] + 0.587 * pixels[k + 1] + 0.114 * pixels[k + 2];
       if (l < lo) lo = l;
       if (l > hi) hi = l;
@@ -748,16 +771,6 @@ function imageToAsciiFrame(source, options, targetWidth, targetHeight) {
   }
   const frame = [];
   const invertVal = resolveInvert(options.invert);
-  const ck = options.chromaKey;
-  const ckEnabled = ck != null && ck !== false;
-  const ckHeuristicGreen = ck === true;
-  const ckHeuristicBlue = ck === "blue-screen";
-  let ckRGB = null;
-  let ckTolSq = 0;
-  if (ckEnabled && !ckHeuristicGreen && !ckHeuristicBlue) {
-    ckRGB = parseChromaKeyColor(ck);
-    ckTolSq = (options.chromaKeyTolerance ?? 60) ** 2;
-  }
   for (let y = 0; y < rows; y++) {
     const row = [];
     for (let x = 0; x < cols; x++) {
@@ -909,8 +922,8 @@ function renderFrameToCanvas(ctx, frame, options, canvasWidth, canvasHeight, tim
       }
     }
   if (!hasTransparency) {
-    const isInvertedBg = resolveInvert(options.invert);
-    ctx.fillStyle = isInvertedBg ? "#faf9f7" : "#0a0a0a";
+    const isDarkScheme = typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+    ctx.fillStyle = isDarkScheme ? "#0a0a0a" : "#faf9f7";
     ctx.fillRect(0, 0, canvasWidth, canvasHeight);
   }
   const cellW = canvasWidth / cols;