Function paintBlockGrid

web/js/algorithms.js:227–242

(grid, rows, cols, imageData, blockSize)

}

function paintBlockGrid(grid, rows, cols, imageData, blockSize) {
    const { width, height } = imageData;
    const d = imageData.data;
    for (let row = 0; row < rows; row++) {
        for (let col = 0; col < cols; col++) {
            const [r, g, b] = grid[row][col];
            const x0 = col * blockSize, y0 = row * blockSize;
            for (let dy = 0; dy < blockSize && y0 + dy < height; dy++) {
                for (let dx = 0; dx < blockSize && x0 + dx < width; dx++) {
                    const idx = ((y0 + dy) * width + (x0 + dx)) * 4;
                    d[idx] = r; d[idx + 1] = g; d[idx + 2] = b;
                }
            }
        }
    }
}

// ============================================================
// Floyd-Steinberg Dithering on Block Grid