imagescript 1.2.15 → 1.2.17

package/README.md

@@ -1,46 +1,51 @@
-# ImageScript
-##### zero-dependency JavaScript image manipulation
-[![Discord Server](https://img.shields.io/discord/691713541262147687.svg?label=Discord&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2&style=for-the-badge)](https://discord.gg/8hPrwAH)
-[![Documentation](https://img.shields.io/badge/Documentation-informational?style=for-the-badge)](https://imagescript.matmen.dev/)
-[![Github](https://img.shields.io/badge/Github-Repository-181717?logo=github&style=for-the-badge)](https://github.com/matmen/ImageScript)
-[![deno.land](https://shields.io/badge/deno.land-gray?logo=deno&style=for-the-badge)](https://deno.land/x/imagescript)
-[![NPM](https://nodei.co/npm/imagescript.png)](https://www.npmjs.com/package/imagescript)
-
----
-
-**ImageScript** is a zero-dependency alternative to common JavaScript bitmap image manipulation tools. It can achieve
-much more performant results by utilizing lower-level memory access, less memory copying and WebAssembly / native
-binaries for decoding and encoding.
-
----
-
-### Features
-
-- [Decoding images](https://imagescript.matmen.dev/Image.html#.decode)
-  - PNGs (grayscale, RGB, indexed colors) with and without alpha channels
-  - JPEGs (grayscale, RGB, CMYK)
-  - TIFFs
-- [Decoding GIFs](https://imagescript.matmen.dev/GIF.html#.decode)
-- [Rendering SVGs](https://imagescript.matmen.dev/Image.html#.renderSVG)
-- [Rendering vector fonts](https://imagescript.matmen.dev/Image.html#.renderText)
-- Image manipulation functions ([crop](https://imagescript.matmen.dev/Image.html#crop)
-  , [rotate](https://imagescript.matmen.dev/Image.html#rotate)
-  , [composite](https://imagescript.matmen.dev/Image.html#composite), ...)
-- Color manipulation functions ([invert](https://imagescript.matmen.dev/Image.html##invert)
-  , [hueShift](https://imagescript.matmen.dev/Image.html##hueshift), ...)
-- Color information functions ([averageColor](https://imagescript.matmen.dev/Image.html#averageColor)
-  , [dominantColor](https://imagescript.matmen.dev/Image.html#dominantColor), ...)
-- Encoding images as [PNGs](https://imagescript.matmen.dev/Image.html#encode)
-  , [JPEGs](https://imagescript.matmen.dev/Image.html#encodejpeg)
-  , [WEBPs](https://imagescript.matmen.dev/Image.html#encodeWEBP)
-  and [GIFs](https://imagescript.matmen.dev/GIF.html#encode)
-
----
-
-### Example
-
-[![Example](https://github.com/matmen/ImageScript/raw/master/tests/targets/readme.png)](https://github.com/matmen/ImageScript/blob/master/tests/readme.js)
-
----
-
-If you have any additional questions, feel free to join the [discord support server](https://discord.gg/8hPrwAH).
+# ImageScript
+##### zero-dependency JavaScript image manipulation
+[![Discord Server](https://img.shields.io/discord/691713541262147687.svg?label=Discord&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2&style=for-the-badge)](https://discord.gg/8hPrwAH)
+[![Documentation](https://img.shields.io/badge/Documentation-informational?style=for-the-badge)](https://imagescript.matmen.dev/)
+[![Github](https://img.shields.io/badge/Github-Repository-181717?logo=github&style=for-the-badge)](https://github.com/matmen/ImageScript)
+[![deno.land](https://shields.io/badge/deno.land-gray?logo=deno&style=for-the-badge)](https://deno.land/x/imagescript)
+[![NPM](https://nodei.co/npm/imagescript.png)](https://www.npmjs.com/package/imagescript)
+
+---
+
+**ImageScript** is a zero-dependency alternative to common JavaScript bitmap image manipulation tools. It can achieve
+much more performant results by utilizing lower-level memory access, less memory copying and WebAssembly / native
+binaries for decoding and encoding.
+
+---
+
+### Features
+
+- [Decoding images](https://imagescript.matmen.dev/Image.html#.decode)
+  - PNGs (grayscale, RGB, indexed colors) with and without alpha channels
+  - JPEGs (grayscale, RGB, CMYK)
+  - TIFFs
+- [Decoding GIFs](https://imagescript.matmen.dev/GIF.html#.decode)
+- [Rendering SVGs](https://imagescript.matmen.dev/Image.html#.renderSVG)
+- [Rendering vector fonts](https://imagescript.matmen.dev/Image.html#.renderText)
+- Image manipulation functions ([crop](https://imagescript.matmen.dev/Image.html#crop)
+  , [rotate](https://imagescript.matmen.dev/Image.html#rotate)
+  , [composite](https://imagescript.matmen.dev/Image.html#composite), ...)
+- Color manipulation functions ([invert](https://imagescript.matmen.dev/Image.html##invert)
+  , [hueShift](https://imagescript.matmen.dev/Image.html##hueshift), ...)
+- Color information functions ([averageColor](https://imagescript.matmen.dev/Image.html#averageColor)
+  , [dominantColor](https://imagescript.matmen.dev/Image.html#dominantColor), ...)
+- Encoding images as [PNGs](https://imagescript.matmen.dev/Image.html#encode)
+  , [JPEGs](https://imagescript.matmen.dev/Image.html#encodejpeg)
+  , [WEBPs](https://imagescript.matmen.dev/Image.html#encodeWEBP)
+  and [GIFs](https://imagescript.matmen.dev/GIF.html#encode)
+
+---
+
+### Example
+
+Check out one of these examples:
+* **NodeJS**: [README image generation](https://github.com/matmen/ImageScript/blob/master/tests/readme.js)
+* **Deno**: [README image generation](https://github.com/matmen/ImageScript/blob/deno/tests/readme.js)
+* **Browser**: [Grayscale Conversion Example Page](https://github.com/matmen/ImageScript/blob/browser/example/index.html) (via CDN)
+
+[![Example](https://github.com/matmen/ImageScript/raw/master/tests/targets/readme.png)](https://github.com/matmen/ImageScript/blob/master/tests/readme.js)
+
+---
+
+If you have any additional questions, feel free to join the [discord support server](https://discord.gg/8hPrwAH).

package/bench/_.mjs

@@ -1,166 +1,166 @@
-// https://gist.github.com/evanwashere/7ee592870e46f80405b9776dcd56e1e8#file-bench-js
-
-const now = performance.now.bind(performance);
-
-function sort(a, b) {
-  if (a > b) return 1;
-  if (a < b) return -1;
-
-  return 0;
-};
-
-function stats(n, avg, min, max, jit, all) {
-  return {
-    min: Math.ceil(min * 1e6),
-    max: Math.ceil(max * 1e6),
-    avg: Math.ceil(avg / n * 1e6),
-    jit: jit.map(x => Math.ceil(x * 1e6)),
-    '50th': Math.ceil(1e6 * all[Math.ceil(n * (50 / 100)) - 1]),
-    '75th': Math.ceil(1e6 * all[Math.ceil(n * (75 / 100)) - 1]),
-    '99th': Math.ceil(1e6 * all[Math.ceil(n * (99 / 100)) - 1]),
-    '99.5th': Math.ceil(1e6 * all[Math.ceil(n * (99.5 / 100)) - 1]),
-    '99.9th': Math.ceil(1e6 * all[Math.ceil(n * (99.9 / 100)) - 1]),
-  };
-}
-
-export function sync(n, fn) {
-  let avg = 0;
-  let min = Infinity;
-  let max = -Infinity;
-  const all = new Array(n);
-  const jit = new Array(10);
-
-  warmup: {
-    let offset = 0;
-    let iterations = 10;
-    while (iterations--) {
-      const t1 = now();
-
-      fn();
-      jit[offset++] = now() - t1;
-    }
-
-    iterations = 1e3 - 10;
-    while (iterations--) fn();
-  }
-
-  measure: {
-    let offset = 0;
-    let iterations = n;
-    while (iterations--) {
-      const t1 = now();
-
-      fn();
-      const t2 = now() - t1;
-      if (t2 < min) min = t2;
-      if (t2 > max) max = t2;
-      avg += (all[offset++] = t2);
-    }
-  }
-
-  all.sort(sort);
-  return stats(n, avg, min, max, jit, all);
-}
-
-export async function async(n, fn) {
-  let avg = 0;
-  let min = Infinity;
-  let max = -Infinity;
-  const all = new Array(n);
-  const jit = new Array(10);
-
-  warmup: {
-    let offset = 0;
-    let iterations = 10;
-    while (iterations--) {
-      const t1 = now();
-
-      await fn();
-      jit[offset++] = now() - t1;
-    }
-
-    iterations = 1e3 - 10;
-    while (iterations--) await fn();
-  }
-
-  measure: {
-    let offset = 0;
-    let iterations = n;
-    while (iterations--) {
-      const t1 = now();
-
-      await fn();
-      const t2 = now() - t1;
-      if (t2 < min) min = t2;
-      if (t2 > max) max = t2;
-      avg += (all[offset++] = t2);
-    }
-  }
-
-  all.sort(sort);
-  return stats(n, avg, min, max, jit, all);
-}
-
-export function format({ results, title = '', unit = 'ns', percentiles = true }) {
-  const h = '─';
-  const v = '│';
-
-  let s = '';
-  unit = `${unit}/iter`;
-  const rk = Object.keys(results);
-  const rv = Object.values(results);
-  const ra = rv.map(x => x.avg.toLocaleString('en-us'));
-  const r50 = rv.map(x => x['50th'].toLocaleString('en-us'));
-  const r75 = rv.map(x => x['75th'].toLocaleString('en-us'));
-  const r99 = rv.map(x => x['99th'].toLocaleString('en-us'));
-  const r995 = rv.map(x => x['99.5th'].toLocaleString('en-us'));
-  const r999 = rv.map(x => x['99.9th'].toLocaleString('en-us'));
-  const rmm = rv.map(x => [x.min.toLocaleString('en-us'), x.max.toLocaleString('en-us')]);
-
-  const us = unit.length;
-  const rks = Math.max(...rk.map(x => x.length));
-  const ras = Math.max(...ra.map(x => x.length));
-  const r50s = Math.max(...r50.map(x => x.length));
-  const r75s = Math.max(...r75.map(x => x.length));
-  const r99s = Math.max(...r99.map(x => x.length));
-  const r995s = Math.max(...r995.map(x => x.length));
-  const r999s = Math.max(...r999.map(x => x.length));
-  const rmns = Math.max(...rmm.map(x => x[0].length));
-  const rmxs = Math.max(...rmm.map(x => x[1].length));
-
-  const bks = 1 + rks + 1;
-  const b50s = 1 + r50s + 1 + us + 1;
-  const b75s = 1 + r75s + 1 + us + 1;
-  const b99s = 1 + r99s + 1 + us + 1;
-  const b995s = 1 + r995s + 1 + us + 1;
-  const b999s = 1 + r999s + 1 + us + 1;
-  const bimms = 1 + rmns + 2 + rmxs + 1 + us + 1;
-  const bas = 1 + (ras + 1 + us) + 1 + bimms + 1;
-  const ls = 1 + bks + 1 + bas + 1 + b50s + 1 + b75s + 1 + b99s + 1 + b995s + 1 + b999s + 1;
-
-  if (!percentiles) s += title ? ` ${title}` : '';
-
-  else {
-    s += ' '.repeat(3 + bks + bas);
-    s += '┌' + h.repeat(ls - 4 - bks - bas) + '┐';
-    s += '\n' + ` ${title.padEnd(2 + bks + bas, ' ')}`;
-  }
-
-  if (percentiles) s += v
-    + '50th'.padEnd((b50s + 4) / 2, ' ').padStart(b50s, ' ') + v
-    + '75th'.padEnd((b75s + 4) / 2, ' ').padStart(b75s, ' ') + v
-    + '99th'.padEnd((b99s + 4) / 2, ' ').padStart(b99s, ' ') + v
-    + '99.5th'.padEnd((b995s + 6) / 2, ' ').padStart(b995s, ' ') + v
-    + '99.9th'.padEnd((b999s + 6) / 2, ' ').padStart(b999s, ' ') + v;
-
-  s += (title || percentiles ? '\n' : '') + '┌' + h.repeat(1 + bks + bas) + '┐' + (percentiles ? '├' + h.repeat(ls - 4 - bks - bas) + '┤' : '');
-
-  for (let i = 0; i < rk.length; i++) {
-    s += '\n' + v + ` ${rk[i].padEnd(rks, ' ')} ` + v + ` ${ra[i].padStart(ras, ' ')} ${unit} ${`(${rmm[i][0]}..${rmm[i][1]} ${unit})`.padStart(bimms, ' ')} ` + v
-    if (percentiles) s += v + ` ${r50[i].padStart(r50s, ' ')} ${unit} ` + v + ` ${r75[i].padStart(r75s, ' ')} ${unit} ` + v + ` ${r99[i].padStart(r99s, ' ')} ${unit} ` + v + ` ${r995[i].padStart(r995s, ' ')} ${unit} ` + v + ` ${r999[i].padStart(r999s, ' ')} ${unit} ` + v;
-  }
-
-  s += '\n' + '└' + h.repeat(1 + bks + bas) + '┘' + (percentiles ? '└' + h.repeat(ls - 4 - bks - bas) + '┘' : '');
-
-  return s;
+// https://gist.github.com/evanwashere/7ee592870e46f80405b9776dcd56e1e8#file-bench-js
+
+const now = performance.now.bind(performance);
+
+function sort(a, b) {
+  if (a > b) return 1;
+  if (a < b) return -1;
+
+  return 0;
+};
+
+function stats(n, avg, min, max, jit, all) {
+  return {
+    min: Math.ceil(min * 1e6),
+    max: Math.ceil(max * 1e6),
+    avg: Math.ceil(avg / n * 1e6),
+    jit: jit.map(x => Math.ceil(x * 1e6)),
+    '50th': Math.ceil(1e6 * all[Math.ceil(n * (50 / 100)) - 1]),
+    '75th': Math.ceil(1e6 * all[Math.ceil(n * (75 / 100)) - 1]),
+    '99th': Math.ceil(1e6 * all[Math.ceil(n * (99 / 100)) - 1]),
+    '99.5th': Math.ceil(1e6 * all[Math.ceil(n * (99.5 / 100)) - 1]),
+    '99.9th': Math.ceil(1e6 * all[Math.ceil(n * (99.9 / 100)) - 1]),
+  };
+}
+
+export function sync(n, fn) {
+  let avg = 0;
+  let min = Infinity;
+  let max = -Infinity;
+  const all = new Array(n);
+  const jit = new Array(10);
+
+  warmup: {
+    let offset = 0;
+    let iterations = 10;
+    while (iterations--) {
+      const t1 = now();
+
+      fn();
+      jit[offset++] = now() - t1;
+    }
+
+    iterations = 1e3 - 10;
+    while (iterations--) fn();
+  }
+
+  measure: {
+    let offset = 0;
+    let iterations = n;
+    while (iterations--) {
+      const t1 = now();
+
+      fn();
+      const t2 = now() - t1;
+      if (t2 < min) min = t2;
+      if (t2 > max) max = t2;
+      avg += (all[offset++] = t2);
+    }
+  }
+
+  all.sort(sort);
+  return stats(n, avg, min, max, jit, all);
+}
+
+export async function async(n, fn) {
+  let avg = 0;
+  let min = Infinity;
+  let max = -Infinity;
+  const all = new Array(n);
+  const jit = new Array(10);
+
+  warmup: {
+    let offset = 0;
+    let iterations = 10;
+    while (iterations--) {
+      const t1 = now();
+
+      await fn();
+      jit[offset++] = now() - t1;
+    }
+
+    iterations = 1e3 - 10;
+    while (iterations--) await fn();
+  }
+
+  measure: {
+    let offset = 0;
+    let iterations = n;
+    while (iterations--) {
+      const t1 = now();
+
+      await fn();
+      const t2 = now() - t1;
+      if (t2 < min) min = t2;
+      if (t2 > max) max = t2;
+      avg += (all[offset++] = t2);
+    }
+  }
+
+  all.sort(sort);
+  return stats(n, avg, min, max, jit, all);
+}
+
+export function format({ results, title = '', unit = 'ns', percentiles = true }) {
+  const h = '─';
+  const v = '│';
+
+  let s = '';
+  unit = `${unit}/iter`;
+  const rk = Object.keys(results);
+  const rv = Object.values(results);
+  const ra = rv.map(x => x.avg.toLocaleString('en-us'));
+  const r50 = rv.map(x => x['50th'].toLocaleString('en-us'));
+  const r75 = rv.map(x => x['75th'].toLocaleString('en-us'));
+  const r99 = rv.map(x => x['99th'].toLocaleString('en-us'));
+  const r995 = rv.map(x => x['99.5th'].toLocaleString('en-us'));
+  const r999 = rv.map(x => x['99.9th'].toLocaleString('en-us'));
+  const rmm = rv.map(x => [x.min.toLocaleString('en-us'), x.max.toLocaleString('en-us')]);
+
+  const us = unit.length;
+  const rks = Math.max(...rk.map(x => x.length));
+  const ras = Math.max(...ra.map(x => x.length));
+  const r50s = Math.max(...r50.map(x => x.length));
+  const r75s = Math.max(...r75.map(x => x.length));
+  const r99s = Math.max(...r99.map(x => x.length));
+  const r995s = Math.max(...r995.map(x => x.length));
+  const r999s = Math.max(...r999.map(x => x.length));
+  const rmns = Math.max(...rmm.map(x => x[0].length));
+  const rmxs = Math.max(...rmm.map(x => x[1].length));
+
+  const bks = 1 + rks + 1;
+  const b50s = 1 + r50s + 1 + us + 1;
+  const b75s = 1 + r75s + 1 + us + 1;
+  const b99s = 1 + r99s + 1 + us + 1;
+  const b995s = 1 + r995s + 1 + us + 1;
+  const b999s = 1 + r999s + 1 + us + 1;
+  const bimms = 1 + rmns + 2 + rmxs + 1 + us + 1;
+  const bas = 1 + (ras + 1 + us) + 1 + bimms + 1;
+  const ls = 1 + bks + 1 + bas + 1 + b50s + 1 + b75s + 1 + b99s + 1 + b995s + 1 + b999s + 1;
+
+  if (!percentiles) s += title ? ` ${title}` : '';
+
+  else {
+    s += ' '.repeat(3 + bks + bas);
+    s += '┌' + h.repeat(ls - 4 - bks - bas) + '┐';
+    s += '\n' + ` ${title.padEnd(2 + bks + bas, ' ')}`;
+  }
+
+  if (percentiles) s += v
+    + '50th'.padEnd((b50s + 4) / 2, ' ').padStart(b50s, ' ') + v
+    + '75th'.padEnd((b75s + 4) / 2, ' ').padStart(b75s, ' ') + v
+    + '99th'.padEnd((b99s + 4) / 2, ' ').padStart(b99s, ' ') + v
+    + '99.5th'.padEnd((b995s + 6) / 2, ' ').padStart(b995s, ' ') + v
+    + '99.9th'.padEnd((b999s + 6) / 2, ' ').padStart(b999s, ' ') + v;
+
+  s += (title || percentiles ? '\n' : '') + '┌' + h.repeat(1 + bks + bas) + '┐' + (percentiles ? '├' + h.repeat(ls - 4 - bks - bas) + '┤' : '');
+
+  for (let i = 0; i < rk.length; i++) {
+    s += '\n' + v + ` ${rk[i].padEnd(rks, ' ')} ` + v + ` ${ra[i].padStart(ras, ' ')} ${unit} ${`(${rmm[i][0]}..${rmm[i][1]} ${unit})`.padStart(bimms, ' ')} ` + v
+    if (percentiles) s += v + ` ${r50[i].padStart(r50s, ' ')} ${unit} ` + v + ` ${r75[i].padStart(r75s, ' ')} ${unit} ` + v + ` ${r99[i].padStart(r99s, ' ')} ${unit} ` + v + ` ${r995[i].padStart(r995s, ' ')} ${unit} ` + v + ` ${r999[i].padStart(r999s, ' ')} ${unit} ` + v;
+  }
+
+  s += '\n' + '└' + h.repeat(1 + bks + bas) + '┘' + (percentiles ? '└' + h.repeat(ls - 4 - bks - bas) + '┘' : '');
+
+  return s;
 }

package/bench/all.mjs

@@ -1,4 +1,4 @@
-import './flip.mjs';
-import './blur.mjs';
-import './resize.mjs';
+import './flip.mjs';
+import './blur.mjs';
+import './resize.mjs';
 import './overlay.mjs';

package/bench/blur.mjs

@@ -1,59 +1,59 @@
-import { sync, async, format } from './_.mjs';
-
-import jimp from 'jimp';
-import sharp from 'sharp';
-import v2 from '../v2/framebuffer.mjs';
-import * as imagers from '@evan/wasm/target/image/node.mjs';
-import * as v2_wasm from '@evan/wasm/target/imagescript/node.mjs';
-
-{
-  const rgba = new Uint8Array(4 * 256 * 256).map((_, i) => i % 256);
-
-  const images = {
-    v2: new v2(256, 256, rgba),
-    imagers: imagers.framebuffer.from(256, 256, rgba),
-    v2_wasm: () => v2_wasm.framebuffer.from(256, 256, rgba),
-    sharp: sharp(rgba, { raw: { width: 256, height: 256, channels: 4 } }),
-    jimp: await new Promise(r => new jimp({ width: 256, height: 256, data: rgba }, (_, i) => r(i))),
-  };
-
-  console.log(format({
-    percentiles: false,
-    title: 'blur (5.0f/256x256)',
-
-    results: {
-      jimp: sync(1e4, () => images.jimp.clone().blur(5)),
-      imagescript: sync(1e4, () => images.v2.clone().blur('gaussian')),
-      sharp: await async(1e4, () => images.sharp.clone().blur(5).toBuffer()),
-      'image-rs (wasm)': sync(1e4, () => imagers.blur(images.imagers, 5).drop()),
-      'imagescript-rs (wasm)': sync(1e4, () => { let i = images.v2_wasm(); v2_wasm.blur(i, 5); i.drop() }),
-    },
-  }));
-
-  images.imagers.drop();
-}
-
-{
-  const rgba = new Uint8Array(4 * 1024 * 1024).map((_, i) => i % 256);
-
-  const images = {
-    v2: new v2(1024, 1024, rgba),
-    imagers: imagers.framebuffer.from(1024, 1024, rgba),
-    v2_wasm: () => v2_wasm.framebuffer.from(1024, 1024, rgba),
-    sharp: sharp(rgba, { raw: { width: 1024, height: 1024, channels: 4 } }),
-    jimp: await new Promise(r => new jimp({ width: 1024, height: 1024, data: rgba }, (_, i) => r(i))),
-  };
-
-  console.log(format({
-    percentiles: false,
-    title: 'blur (5.0f/1024x1024)',
-
-    results: {
-      jimp: sync(1e4, () => images.jimp.clone().blur(5)),
-      imagescript: sync(1e4, () => images.v2.clone().blur('gaussian')),
-      sharp: await async(1e4, () => images.sharp.clone().blur(5).toBuffer()),
-      'image-rs (wasm)': sync(1e4, () => imagers.blur(images.imagers, 5).drop()),
-      'imagescript-rs (wasm)': sync(1e4, () => { let i = images.v2_wasm(); v2_wasm.blur(i, 5); i.drop() }),
-    },
-  }));
+import { sync, async, format } from './_.mjs';
+
+import jimp from 'jimp';
+import sharp from 'sharp';
+import v2 from '../v2/framebuffer.mjs';
+import * as imagers from '@evan/wasm/target/image/node.mjs';
+import * as v2_wasm from '@evan/wasm/target/imagescript/node.mjs';
+
+{
+  const rgba = new Uint8Array(4 * 256 * 256).map((_, i) => i % 256);
+
+  const images = {
+    v2: new v2(256, 256, rgba),
+    imagers: imagers.framebuffer.from(256, 256, rgba),
+    v2_wasm: () => v2_wasm.framebuffer.from(256, 256, rgba),
+    sharp: sharp(rgba, { raw: { width: 256, height: 256, channels: 4 } }),
+    jimp: await new Promise(r => new jimp({ width: 256, height: 256, data: rgba }, (_, i) => r(i))),
+  };
+
+  console.log(format({
+    percentiles: false,
+    title: 'blur (5.0f/256x256)',
+
+    results: {
+      jimp: sync(1e4, () => images.jimp.clone().blur(5)),
+      imagescript: sync(1e4, () => images.v2.clone().blur('gaussian')),
+      sharp: await async(1e4, () => images.sharp.clone().blur(5).toBuffer()),
+      'image-rs (wasm)': sync(1e4, () => imagers.blur(images.imagers, 5).drop()),
+      'imagescript-rs (wasm)': sync(1e4, () => { let i = images.v2_wasm(); v2_wasm.blur(i, 5); i.drop() }),
+    },
+  }));
+
+  images.imagers.drop();
+}
+
+{
+  const rgba = new Uint8Array(4 * 1024 * 1024).map((_, i) => i % 256);
+
+  const images = {
+    v2: new v2(1024, 1024, rgba),
+    imagers: imagers.framebuffer.from(1024, 1024, rgba),
+    v2_wasm: () => v2_wasm.framebuffer.from(1024, 1024, rgba),
+    sharp: sharp(rgba, { raw: { width: 1024, height: 1024, channels: 4 } }),
+    jimp: await new Promise(r => new jimp({ width: 1024, height: 1024, data: rgba }, (_, i) => r(i))),
+  };
+
+  console.log(format({
+    percentiles: false,
+    title: 'blur (5.0f/1024x1024)',
+
+    results: {
+      jimp: sync(1e4, () => images.jimp.clone().blur(5)),
+      imagescript: sync(1e4, () => images.v2.clone().blur('gaussian')),
+      sharp: await async(1e4, () => images.sharp.clone().blur(5).toBuffer()),
+      'image-rs (wasm)': sync(1e4, () => imagers.blur(images.imagers, 5).drop()),
+      'imagescript-rs (wasm)': sync(1e4, () => { let i = images.v2_wasm(); v2_wasm.blur(i, 5); i.drop() }),
+    },
+  }));
 }