function processImage(originalImg, threshold = 128) {
// Interpreting "Image One" / "One" as a 1-bit (monochrome/black-and-white) conversion tool
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
// Set canvas dimensions to match the original image
canvas.width = originalImg.width;
canvas.height = originalImg.height;
// Draw the original image onto the canvas
ctx.drawImage(originalImg, 0, 0);
// Extract pixel data
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
const data = imageData.data;
const thresh = Number(threshold);
// Iterate through every pixel (4 values per pixel: R, G, B, A)
for (let i = 0; i < data.length; i += 4) {
const r = data[i];
const g = data[i + 1];
const b = data[i + 2];
// Calculate grayscale luminance using standard weights
const luminance = 0.299 * r + 0.587 * g + 0.114 * b;
// Convert to 1-bit color (Black or White) based on the threshold
const bitColor = luminance >= thresh ? 255 : 0;
data[i] = bitColor; // Red
data[i + 1] = bitColor; // Green
data[i + 2] = bitColor; // Blue
// Alpha data[i + 3] remains unmodified to preserve transparency
}
// Apply the 1-bit processed pixels back to the canvas
ctx.putImageData(imageData, 0, 0);
return canvas;
}Image One is a tool designed to convert color or grayscale images into high-contrast, 1-bit monochrome black-and-white images. By applying a threshold to the luminance of each pixel, the tool simplifies complex imagery into pure black and white. This is useful for creating stencil art, preparing graphics for laser engraving, optimizing images for low-resolution displays, or achieving a stylized minimalist aesthetic for graphic design projects.