Lazy Butterfly Effect And Inverted Image Effect Generator

function processImage(originalImg, mirrorSide = 'left', invert = 'yes') {
    const canvas = document.createElement('canvas');
    const w = originalImg.width;
    const h = originalImg.height;
    
    // Maintain identical dimensions
    canvas.width = w;
    canvas.height = h;
    const ctx = canvas.getContext('2d');

    const halfW = Math.floor(w / 2);
    const halfH = Math.floor(h / 2);

    // Apply the "Lazy Butterfly" (I Broke X) Effect
    // This effect duplicates and mirrors one half of the image onto the other
    if (mirrorSide === 'right') {
        const dw = w - halfW;
        ctx.drawImage(originalImg, halfW, 0, dw, h, halfW, 0, dw, h);
        ctx.save();
        ctx.translate(w, 0);
        ctx.scale(-1, 1);
        ctx.drawImage(originalImg, halfW, 0, dw, h, halfW, 0, dw, h);
        ctx.restore();
    } else if (mirrorSide === 'top') {
        ctx.drawImage(originalImg, 0, 0, w, halfH, 0, 0, w, halfH);
        ctx.save();
        ctx.translate(0, h);
        ctx.scale(1, -1);
        ctx.drawImage(originalImg, 0, 0, w, halfH, 0, 0, w, halfH);
        ctx.restore();
    } else if (mirrorSide === 'bottom') {
        const dh = h - halfH;
        ctx.drawImage(originalImg, 0, halfH, w, dh, 0, halfH, w, dh);
        ctx.save();
        ctx.translate(0, h);
        ctx.scale(1, -1);
        ctx.drawImage(originalImg, 0, halfH, w, dh, 0, halfH, w, dh);
        ctx.restore();
    } else {
        // Defaults to 'left' side
        ctx.drawImage(originalImg, 0, 0, halfW, h, 0, 0, halfW, h);
        ctx.save();
        ctx.translate(w, 0);
        ctx.scale(-1, 1);
        ctx.drawImage(originalImg, 0, 0, halfW, h, 0, 0, halfW, h);
        ctx.restore();
    }

    // Apply the Inverted Image Effect
    if (invert === 'yes' || invert === 'true' || invert === 1) {
        const imgData = ctx.getImageData(0, 0, w, h);
        const data = imgData.data;
        
        for (let i = 0; i < data.length; i += 4) {
            data[i]     = 255 - data[i];     // Red
            data[i + 1] = 255 - data[i + 1]; // Green
            data[i + 2] = 255 - data[i + 2]; // Blue
        }
        
        ctx.putImageData(imgData, 0, 0);
    }

    return canvas;
}