Driving License Photo Realistic Realism And Laser Engraving Simulator

function processImage(originalImg, tactileIntensity = "1.0", starSizePercent = "8", addPlasticSheen = "true") {
    // Parse parameters
    const intensity = parseFloat(tactileIntensity) || 1.0;
    const starPct = (parseFloat(starSizePercent) || 8) / 100;
    const sheen = (addPlasticSheen === "true" || addPlasticSheen === true);

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

    // 1. Draw the original image (base license)
    ctx.drawImage(originalImg, 0, 0, width, height);

    // 2. Extract image data for the "White Laser Engraving" effect
    const imgData = ctx.getImageData(0, 0, width, height);
    const data = imgData.data;

    // Create a luminance map for edge-detection without modifying data yet
    const luma = new Uint8Array(width * height);
    for (let i = 0; i < data.length; i += 4) {
        // Standard relative luminance
        luma[Math.floor(i / 4)] = data[i] * 0.299 + data[i + 1] * 0.587 + data[i + 2] * 0.114;
    }

    // Apply tactile raised white engraving simulation (emboss algorithm)
    // Polycarbonate laser engravings are physically burnt/raised into the card
    for (let y = 1; y < height - 1; y++) {
        for (let x = 1; x < width - 1; x++) {
            const idx = y * width + x;
            
            // Simple diagonal edge detection
            const diff = luma[idx + width + 1] - luma[idx - width - 1];

            // If a visible edge is found, apply the laser-etched effect
            if (Math.abs(diff) > 12 / intensity) {
                const pIdx = idx * 4;
                if (diff > 0) {
                    // White etched highlight (raised tactile feel)
                    let highlight = Math.min(255, diff * 1.5 * intensity);
                    data[pIdx] = Math.min(255, data[pIdx] + highlight);
                    data[pIdx + 1] = Math.min(255, data[pIdx + 1] + highlight);
                    data[pIdx + 2] = Math.min(255, data[pIdx + 2] + highlight);
                } else {
                    // Shadows to complement the relief effect
                    let shadow = Math.min(255, -diff * 0.5 * intensity);
                    data[pIdx] = Math.max(0, data[pIdx] - shadow);
                    data[pIdx + 1] = Math.max(0, data[pIdx + 1] - shadow);
                    data[pIdx + 2] = Math.max(0, data[pIdx + 2] - shadow);
                }
            }
        }
    }
    
    // Commit the white laser engraving text/edge effect
    ctx.putImageData(imgData, 0, 0);

    // 3. Add Lenticular Laser Texture (very fine scanlines typical on polycarbonate IDs)
    ctx.fillStyle = 'rgba(255, 255, 255, 0.04)';
    for (let y = 0; y < height; y += 3) {
        ctx.fillRect(0, y, width, 1);
    }

    // 4. Add "Realistic Realism" Plastic Sheen / Glare
    if (sheen) {
        ctx.save();
        ctx.beginPath();
        ctx.moveTo(0, 0);
        ctx.lineTo(width * 0.5, 0);
        ctx.lineTo(0, height * 0.8);
        ctx.closePath();
        
        const sheenGrad = ctx.createLinearGradient(0, 0, width * 0.4, height * 0.6);
        sheenGrad.addColorStop(0, 'rgba(255, 255, 255, 0.2)');
        sheenGrad.addColorStop(1, 'rgba(255, 255, 255, 0.0)');
        
        ctx.fillStyle = sheenGrad;
        ctx.fill();
        ctx.restore();
    }

    // 5. Draw the "Gold Star" (REAL ID / Operating License mark)
    ctx.save();
    const minDim = Math.min(width, height);
    const radius = minDim * starPct; 
    
    // Position it in the top right corner with sensible margins
    const cx = width - (radius * 1.5) - (width * 0.03);
    const cy = (radius * 1.5) + (height * 0.03);

    // Math for a perfect 5-pointed star
    ctx.beginPath();
    const spikes = 5;
    const innerRad = radius * 0.382; // Golden ratio provides perfect traditional star
    let rot = Math.PI / 2 * 3; // Starts at top (-90 degrees)
    let x = cx;
    let y = cy;
    let step = Math.PI / spikes;

    ctx.moveTo(cx, cy - radius);
    for (let i = 0; i < spikes; i++) {
        x = cx + Math.cos(rot) * radius;
        y = cy + Math.sin(rot) * radius;
        ctx.lineTo(x, y);
        rot += step;

        x = cx + Math.cos(rot) * innerRad;
        y = cy + Math.sin(rot) * innerRad;
        ctx.lineTo(x, y);
        rot += step;
    }
    ctx.lineTo(cx, cy - radius);
    ctx.closePath();

    // Metallic Foil Gold Gradient
    const goldGrad = ctx.createLinearGradient(cx - radius, cy - radius, cx + radius, cy + radius);
    goldGrad.addColorStop(0, '#FFF780');   // Bright rim highlight
    goldGrad.addColorStop(0.3, '#FFD700'); // Standard gold
    goldGrad.addColorStop(0.65, '#DAA520'); // Deep goldenrod
    goldGrad.addColorStop(1, '#8B6508');   // Dark burnt shadow

    // Simulate 3D star applied sticker / engraving depth
    ctx.shadowColor = 'rgba(0, 0, 0, 0.5)';
    ctx.shadowBlur = radius * 0.2;
    ctx.shadowOffsetX = radius * 0.08;
    ctx.shadowOffsetY = radius * 0.08;

    ctx.fillStyle = goldGrad;
    ctx.fill();

    // Crisp inner/outer edge border
    ctx.lineWidth = Math.max(1, radius * 0.04);
    ctx.strokeStyle = '#FEE88A';
    ctx.stroke();
    
    ctx.restore();

    return canvas;
}