Audio And Video Big Hero 6 Series Alternate Universe Replacement Tool

function processImage(originalImg, glitchOffset = "15", scanlineGap = "4", addTextOverlay = "1") {
    // Create canvas and get context
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    const width = originalImg.width;
    const height = originalImg.height;
    
    canvas.width = width; 
    canvas.height = height;
    
    // Draw the original image onto the canvas
    ctx.drawImage(originalImg, 0, 0);

    // Parse parameters
    let offset = parseInt(glitchOffset, 10);
    if (isNaN(offset)) offset = 15;
    
    let gap = parseInt(scanlineGap, 10);
    if (isNaN(gap) || gap <= 0) gap = 4;
    
    const osd = parseInt(addTextOverlay, 10) === 1;

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

    // Apply "Audio/Video Alternate Universe" effects: RGB Shift + Scanlines + San Fransokyo Tint
    for (let y = 0; y < height; y++) {
        // Add random jitter strictly on a few lines to simulate video tracking issues
        const trackingError = (Math.random() > 0.98) ? Math.floor(Math.random() * offset * 2) : 0;
        const currentOffset = offset + trackingError;

        for (let x = 0; x < width; x++) {
            const i = (y * width + x) * 4;
            
            // Shift red channel left and blue channel right
            const iRed = (y * width + Math.max(0, x - currentOffset)) * 4;
            const iBlue = (y * width + Math.min(width - 1, x + currentOffset)) * 4;

            let r = data[iRed];
            let g = data[i + 1];
            let b = data[iBlue + 2];

            // Apply CRT scanlines effect
            if (y % gap === 0) {
                r *= 0.7;
                g *= 0.7;
                b *= 0.7;
            }

            // Apply heroic sci-fi tint (boosting reds for Baymax, blues/purples for tech vibe)
            r = Math.min(255, r * 1.15); 
            g = g * 0.95;                 
            b = Math.min(255, b * 1.25); 

            // Reconstruct the pixel
            data[i] = r;
            data[i + 1] = g;
            data[i + 2] = b;
            // Alpha (data[i + 3]) remains untouched
        }
    }
    
    // Put manipulated data back onto canvas
    ctx.putImageData(imgData, 0, 0);

    // Apply the textual overlay if requested
    if (osd) {
        const fontSize = Math.max(14, Math.floor(height * 0.04));
        ctx.font = `bold ${fontSize}px "Courier New", Courier, monospace`;
        
        // Add text shadow for readability against glitch
        ctx.shadowColor = "rgba(0, 0, 0, 0.9)";
        ctx.shadowBlur = 4;
        ctx.shadowOffsetX = 2;
        ctx.shadowOffsetY = 2;
        ctx.textBaseline = "bottom";

        const paddingX = Math.max(10, width * 0.05);
        const paddingY = height - Math.max(10, height * 0.05);

        // White text for audio/video replacement tag
        ctx.fillStyle = "#ffffff";
        ctx.fillText("AUDIO/VIDEO REPLACEMENT", paddingX, paddingY - fontSize * 1.2);

        // Baymax Red for the AU title
        ctx.fillStyle = "#e62e2d"; 
        ctx.fillText("BH6 THE SERIES [AU]", paddingX, paddingY);
        
        // Reset shadows to not affect future draws if reused
        ctx.shadowColor = "transparent";
    }

    return canvas;
}