Sample project two

Overview#

Placeholder body for a browser-side project. The gallery above shows the two sample images this entry references.

Interface#

• Camera frames are processed on the device.
• Results render into a canvas overlay.

export function toGrayscale(pixels: Uint8ClampedArray): Uint8ClampedArray {
  for (let i = 0; i < pixels.length; i += 4) {
    const value =
      0.299 * pixels[i] + 0.587 * pixels[i + 1] + 0.114 * pixels[i + 2];
    pixels[i] = pixels[i + 1] = pixels[i + 2] = value;
  }
  return pixels;
}