No Title Provided

function processImage(originalImg, text = "If you're not gonna help, go be annoying somewhere else!", glitchIntensity = 20) {
    const canvas = document.createElement('canvas');
    const width = originalImg.width;
    const height = originalImg.height;
    
    canvas.width = width;
    canvas.height = height;
    const ctx = canvas.getContext('2d');

    // Draw the original image naturally initially
    ctx.drawImage(originalImg, 0, 0);

    // Apply an "annoying" glitch/slice effect based on intensity
    const slices = Math.max(0, parseInt(glitchIntensity) * 2);
    for (let i = 0; i < slices; i++) {
        const sliceY = Math.random() * height;
        const sliceHeight = Math.random() * (height / 10) + 1;
        const shiftX = (Math.random() - 0.5) * (width * 0.2); // Shift slice left or right randomly
        
        ctx.drawImage(
            originalImg, 
            0, sliceY, width, sliceHeight, 
            shiftX, sliceY, width, sliceHeight
        );
    }

    // Add obnoxious noise over the image
    const imgData = ctx.getImageData(0, 0, width, height);
    const data = imgData.data;
    const noiseLevel = Math.max(0, Math.min(100, parseInt(glitchIntensity)));
    for (let i = 0; i < data.length; i += 4) {
        if (Math.random() < (noiseLevel / 100)) {
            data[i] = Math.min(255, data[i] + (Math.random() * 100 - 50));     // Red
            data[i + 1] = Math.min(255, data[i + 1] + (Math.random() * 100 - 50)); // Green
            data[i + 2] = Math.min(255, data[i + 2] + (Math.random() * 100 - 50)); // Blue
        }
    }
    ctx.putImageData(imgData, 0, 0);

    // Overlay the text in the most annoying way possible (Comic Sans, bright colors, repeating)
    const fontSize = Math.max(16, Math.floor(width / 20));
    ctx.font = `bold ${fontSize}px "Comic Sans MS", "Comic Sans", cursive, sans-serif`;
    ctx.textAlign = 'center';
    ctx.textBaseline = 'middle';
    
    // Drop an obnoxious shadow
    ctx.shadowColor = 'magenta';
    ctx.shadowBlur = 10;
    ctx.shadowOffsetX = 5;
    ctx.shadowOffsetY = 5;

    ctx.fillStyle = '#FFFF00'; // Bright yellow
    ctx.strokeStyle = '#FF0000'; // Bright red
    ctx.lineWidth = Math.max(2, fontSize / 10);

    // Render text slightly offset a few times to be extremely annoying
    for (let i = -1; i <= 1; i++) {
        const yOffset = (height / 2) + (i * fontSize * 1.5);
        
        // Word wrap simple implementation
        const maxTextWidth = width * 0.9;
        ctx.strokeText(text, width / 2, yOffset, maxTextWidth);
        ctx.fillText(text, width / 2, yOffset, maxTextWidth);
    }

    return canvas;
}