Image Tool Idea Generator

function processImage(originalImg, seed = 0, textColor = '#ffffff', overlayColor = 'rgba(0, 0, 0, 0.7)') {
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');

    canvas.width = originalImg.width;
    canvas.height = originalImg.height;

    // Draw the original image as a background
    ctx.drawImage(originalImg, 0, 0);

    // Apply overlay shield for text readability
    ctx.fillStyle = overlayColor;
    ctx.fillRect(0, 0, canvas.width, canvas.height);

    // Curated list of Image Tool Ideas
    const ideas = [
        "AI Image Upscaler",
        "Glitch Effect Generator",
        "Image to CSS Box-Shadow",
        "Seamless Texture Generator",
        "Smart Auto-Cropper",
        "Image to ASCII Art",
        "Pixel Art Converter",
        "Color Palette Extractor",
        "Duotone Filter Studio",
        "Stereoscopic 3D Generator",
        "Vaporwave Text/Filter Generator",
        "Low Poly Vectorizer",
        "Image to Base64 String",
        "EXIF Data Stripper",
        "Histogram Equalizer",
        "Sprite Sheet Creator",
        "Background Remover",
        "Image to Minecraft Blocks",
        "Watermark Adder & Batch Processor",
        "Vintage Polaroid Frame Generator"
    ];

    // Determine the idea to display
    let index;
    if (seed === 0) {
        index = Math.floor(Math.random() * ideas.length);
    } else {
        // Use seed for deterministic random-ish selection
        index = Math.abs(Math.floor(seed)) % ideas.length;
    }
    const idea = ideas[index];

    // Typography configuration Setup
    const titleText = "How about building a(n)...";
    const titleSize = Math.max(14, Math.floor(canvas.width * 0.04));
    const ideaSize = Math.max(20, Math.floor(canvas.width * 0.065));
    const maxWidth = canvas.width * 0.85;

    // Line wrapping logic for the generated idea
    ctx.font = `bold ${ideaSize}px sans-serif`;
    const words = idea.split(' ');
    let line = '';
    const lines = [];
    
    for (let n = 0; n < words.length; n++) {
        const testLine = line + words[n] + ' ';
        const metrics = ctx.measureText(testLine);
        const testWidth = metrics.width;
        if (testWidth > maxWidth && n > 0) {
            lines.push(line.trim());
            line = words[n] + ' ';
        } else {
            line = testLine;
        }
    }
    lines.push(line.trim());

    // Calculate vertical alignment to center everything
    const lineHeight = ideaSize * 1.3;
    const totalIdeaHeight = lines.length * lineHeight;
    const gap = titleSize * 1.5;
    const totalHeight = titleSize + gap + totalIdeaHeight;
    
    let startY = (canvas.height - totalHeight) / 2 + (titleSize / 2);

    // Common text styles
    ctx.fillStyle = textColor;
    ctx.textAlign = 'center';
    ctx.textBaseline = 'middle';
    
    // Add simple drop shadow for extra definition
    ctx.shadowColor = 'rgba(0, 0, 0, 0.8)';
    ctx.shadowBlur = 8;
    ctx.shadowOffsetX = 2;
    ctx.shadowOffsetY = 2;

    // Draw Introduction Title
    ctx.font = `italic ${titleSize}px sans-serif`;
    ctx.fillText(titleText, canvas.width / 2, startY);
    
    // Move Y cursor down to draw the main idea
    startY += gap;

    // Draw the Tool Idea
    ctx.font = `bold ${ideaSize}px sans-serif`;
    for (let i = 0; i < lines.length; i++) {
        ctx.fillText(lines[i], canvas.width / 2, startY);
        startY += lineHeight;
    }

    return canvas;
}