Glim Major Image Effect Generator

function processImage(originalImg, effectIntensity = "1.0", glowRadius = "10") {
    // Parse parameters
    const intensity = Math.max(0, Math.min(1, parseFloat(effectIntensity) || 1.0));
    const glow = Math.max(0, parseInt(glowRadius) || 10);

    // Create main canvas
    const canvas = document.createElement('canvas');
    const width = originalImg.width;
    const canvasHeight = originalImg.height; // Avoid using 'height' to prevent scoping issues
    canvas.width = width;
    canvas.height = canvasHeight;
    const ctx = canvas.getContext('2d');

    // Draw the original image onto the canvas
    ctx.drawImage(originalImg, 0, 0, width, canvasHeight);

    // Get pixel data for manipulation
    const imgData = ctx.getImageData(0, 0, width, canvasHeight);
    const data = imgData.data;

    // Glim Major Effect: High contrast, inverted, fierce red/orange tint
    const contrastFactor = 1.5; // Controls the harshness of the effect

    for (let i = 0; i < data.length; i += 4) {
        let r = data[i];
        let g = data[i + 1];
        let b = data[i + 2];

        // 1. Apply Contrast
        let r_c = ((r / 255 - 0.5) * contrastFactor + 0.5) * 255;
        let g_c = ((g / 255 - 0.5) * contrastFactor + 0.5) * 255;
        let b_c = ((b / 255 - 0.5) * contrastFactor + 0.5) * 255;

        // Clamp contrast values
        r_c = Math.max(0, Math.min(255, r_c));
        g_c = Math.max(0, Math.min(255, g_c));
        b_c = Math.max(0, Math.min(255, b_c));

        // 2. Invert and Apply "Major" Color Tint (Boosted Red, Suppressed Green/Blue)
        let targetR = Math.min(255, (255 - r_c) * 1.6);
        let targetG = (255 - g_c) * 0.5;
        let targetB = (255 - b_c) * 0.5;

        // 3. Interpolate based on intensity parameter
        data[i] = r + (targetR - r) * intensity;
        data[i + 1] = g + (targetG - g) * intensity;
        data[i + 2] = b + (targetB - b) * intensity;
    }

    // Apply the manipulated pixels back to the main canvas
    ctx.putImageData(imgData, 0, 0);

    // 4. Add the "Glim" (Glow) effect
    if (glow > 0 && intensity > 0) {
        // Create an off-screen canvas for the blur layer
        const blurCanvas = document.createElement('canvas');
        blurCanvas.width = width;
        blurCanvas.height = canvasHeight;
        const blurCtx = blurCanvas.getContext('2d');
        
        // Copy current state to the blur canvas
        blurCtx.drawImage(canvas, 0, 0);

        // Set up the main canvas for glowing overlay
        ctx.globalCompositeOperation = 'screen';
        ctx.filter = `blur(${glow}px)`;
        ctx.globalAlpha = intensity * 0.7; // Ethereal intense glow

        // Draw the blurred image over the main image
        ctx.drawImage(blurCanvas, 0, 0);

        // Reset context properties to default
        ctx.globalCompositeOperation = 'source-over';
        ctx.filter = 'none';
        ctx.globalAlpha = 1.0;
    }

    return canvas;
}