Fast Image Tool

function processImage(originalImg, effectType = "zoom", intensity = 0.15, samples = 30) {
    // Parse input parameters to ensure valid types
    const blurStrength = parseFloat(intensity) || 0.15;
    const totalSamples = parseInt(samples) || 30;
    const type = (effectType || "zoom").toLowerCase();

    // Setup the canvas
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    const w = originalImg.width;
    const h = originalImg.height;
    
    canvas.width = w;
    canvas.height = h;

    // Draw the solid original image as the base
    ctx.drawImage(originalImg, 0, 0, w, h);

    // Set a balanced alpha blending for the motion trails 
    // to prevent the image from immediately washing out.
    ctx.globalAlpha = Math.min(1.0, 3.0 / totalSamples); 

    // Apply the chosen "Fast" motion blur effect
    if (type === "zoom") {
        // Hyperspace / anime sprint visual style (expands outward from the center)
        const centerX = w / 2;
        const centerY = h / 2;
        for (let i = 1; i <= totalSamples; i++) {
            let scale = 1 + (blurStrength * (i / totalSamples));
            ctx.save();
            ctx.translate(centerX, centerY);
            ctx.scale(scale, scale);
            ctx.translate(-centerX, -centerY);
            ctx.drawImage(originalImg, 0, 0, w, h);
            ctx.restore();
        }
    } else if (type === "horizontal") {
        // High-speed side-to-side motion blur
        for (let i = 1; i <= totalSamples; i++) {
            let offset = (blurStrength * w) * (i / totalSamples);
            ctx.drawImage(originalImg, offset, 0, w, h);
            ctx.drawImage(originalImg, -offset, 0, w, h);
        }
    } else if (type === "vertical") {
        // High-speed vertical motion blur (falling/ascending)
        for (let i = 1; i <= totalSamples; i++) {
            let offset = (blurStrength * h) * (i / totalSamples);
            ctx.drawImage(originalImg, 0, offset, w, h);
            ctx.drawImage(originalImg, 0, -offset, w, h);
        }
    } else {
        // Fallback to zoom for unsupported types
        const centerX = w / 2;
        const centerY = h / 2;
        for (let i = 1; i <= totalSamples; i++) {
            let scale = 1 + (blurStrength * (i / totalSamples));
            ctx.save();
            ctx.translate(centerX, centerY);
            ctx.scale(scale, scale);
            ctx.translate(-centerX, -centerY);
            ctx.drawImage(originalImg, 0, 0, w, h);
            ctx.restore();
        }
    }

    return canvas;
}