Image Lossky Klasky Csupo Effect Generator

function processImage(originalImg, mirrorType = "right-to-left", invertLevel = 1, hueRotateDeg = 130, saturateLevel = 3, contrastLevel = 1.5) {
    const canvas = document.createElement('canvas');
    const w = originalImg.width;
    const h = originalImg.height;
    
    canvas.width = w;
    canvas.height = h;
    
    const ctx = canvas.getContext('2d');
    
    // Apply Lossky Klasky Csupo style crazy meme filters
    // Default values simulate the popular negative neon/alien video effect
    const invertPct = Number(invertLevel) * 100;
    const hueDeg = Number(hueRotateDeg);
    const saturatePct = Number(saturateLevel) * 100;
    const contrastPct = Number(contrastLevel) * 100;
    
    ctx.filter = `invert(${invertPct}%) hue-rotate(${hueDeg}deg) saturate(${saturatePct}%) contrast(${contrastPct}%)`;
    
    // Draw the entire base image (automatically applies the filter)
    ctx.drawImage(originalImg, 0, 0, w, h);
    
    // Apply symmetrical mirroring over the base image
    if (mirrorType === "left-to-right") {
        ctx.save();
        ctx.scale(-1, 1);
        // Overwrite the right half with the horizontally flipped left half
        ctx.drawImage(originalImg, 0, 0, w / 2, h, -w, 0, w / 2, h);
        ctx.restore();
    } else if (mirrorType === "right-to-left") {
        ctx.save();
        ctx.scale(-1, 1);
        // Overwrite the left half with the horizontally flipped right half
        ctx.drawImage(originalImg, w / 2, 0, w / 2, h, -w / 2, 0, w / 2, h);
        ctx.restore();
    } else if (mirrorType === "top-to-bottom") {
        ctx.save();
        ctx.scale(1, -1);
        // Overwrite the bottom half with the vertically flipped top half
        ctx.drawImage(originalImg, 0, 0, w, h / 2, 0, -h, w, h / 2);
        ctx.restore();
    } else if (mirrorType === "bottom-to-top") {
        ctx.save();
        ctx.scale(1, -1);
        // Overwrite the top half with the vertically flipped bottom half
        ctx.drawImage(originalImg, 0, h / 2, w, h / 2, 0, -h / 2, w, h / 2);
        ctx.restore();
    }
    
    return canvas;
}