Image Romance Filter Generator

function processImage(originalImg, intensity = 1.0) {
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    
    const width = originalImg.width;
    const height = originalImg.height;
    canvas.width = width;
    canvas.height = height;
    
    // Ensure intensity is within a sensible range (0 to 3)
    const safeIntensity = Math.min(Math.max(Number(intensity) || 1.0, 0), 3);

    // Draw the base image
    ctx.drawImage(originalImg, 0, 0);

    // 1. Soft focus / Dreamy bloom effect
    ctx.save();
    ctx.globalCompositeOperation = "screen";
    ctx.globalAlpha = 0.25 * safeIntensity;
    
    // Calculate a dynamic blur radius based on image size to maintain the effect on any resolution
    const blurRadius = Math.max(3, Math.min(15, Math.max(width, height) * 0.01));
    ctx.filter = `blur(${blurRadius}px)`;
    ctx.drawImage(originalImg, 0, 0);
    ctx.restore();

    // 2. Rosy / Romantic tint (Adds soft pink blush)
    ctx.save();
    ctx.globalCompositeOperation = "soft-light";
    ctx.globalAlpha = 0.5 * safeIntensity;
    ctx.fillStyle = "#ff6b8b"; // Soft rosy pink tint
    ctx.fillRect(0, 0, width, height);
    ctx.restore();

    // 3. Warm golden glow (Enhances warmth and contrast)
    ctx.save();
    ctx.globalCompositeOperation = "overlay";
    ctx.globalAlpha = 0.25 * safeIntensity;
    ctx.fillStyle = "#ffecd2"; // Peach / warm golden tint
    ctx.fillRect(0, 0, width, height);
    ctx.restore();

    // 4. Romantic soft vignette (Softens the edges with a pale pink frame)
    ctx.save();
    ctx.globalCompositeOperation = "source-over";
    ctx.globalAlpha = 0.4 * safeIntensity;
    
    const cx = width / 2;
    const cy = height / 2;
    const maxRadius = Math.max(width, height) * 0.75;
    
    const gradient = ctx.createRadialGradient(cx, cy, maxRadius * 0.4, cx, cy, maxRadius);
    gradient.addColorStop(0, "rgba(255, 235, 240, 0)"); // Transparent in the center
    gradient.addColorStop(1, "rgba(255, 180, 200, 0.4)"); // Soft fading pink at the edges
    
    ctx.fillStyle = gradient;
    ctx.fillRect(0, 0, width, height);
    ctx.restore();

    return canvas;
}