function processImage(originalImg, rows = 2, cols = 2, applyLuigiTint = 1) {
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
// Parse parameters to ensure type safety
rows = parseInt(rows, 10);
cols = parseInt(cols, 10);
applyLuigiTint = parseInt(applyLuigiTint, 10); // 1 for true, 0 for false
// Fallback to defaults if invalid input is provided
if (isNaN(rows) || rows < 1) rows = 2;
if (isNaN(cols) || cols < 1) cols = 2;
const imgWidth = originalImg.width;
const imgHeight = originalImg.height;
// Set canvas dimensions to fit the group grid
canvas.width = imgWidth * cols;
canvas.height = imgHeight * rows;
// Loop through rows and columns to draw the image group
for (let r = 0; r < rows; r++) {
for (let c = 0; c < cols; c++) {
// Draw the original image fragment
ctx.drawImage(originalImg, c * imgWidth, r * imgHeight, imgWidth, imgHeight);
// "Luig" (Luigi) playful nod - Apply a slight green tint to the duplicated images
if (applyLuigiTint === 1) {
ctx.fillStyle = '#4CAF50'; // Luigi Green
ctx.globalAlpha = 0.25; // Opacity
ctx.fillRect(c * imgWidth, r * imgHeight, imgWidth, imgHeight);
ctx.globalAlpha = 1.0; // Reset alpha back to normal for the next draw
}
}
}
return canvas;
}The Luig Group Image Tool allows users to create grid-based image collages by duplicating a single image across a specified number of rows and columns. It also features an optional option to apply a green tint to the duplicated images. This tool can be used for creating patterned wallpapers, social media assets, or decorative repetitive textures.