const modifiedDataURL = canvas.toDataURL('image/png'); updatePreview(modifiedDataURL); statusDiv.innerHTML = `✅ Ninja applied: $effectType — ready!`; ;
img.onerror = () => statusDiv.innerHTML = '❌ Error processing image. Try re-uploading.'; ; retouch ninja
// --- SIMULATED RETOUCH EFFECTS (visual demo) // Real version would call an ML model (e.g., remove blemishes, smooth skin) switch(effectType) case 'Skin Smooth': // light blur / smoothing effect (simple box blur on skin tones) for (let i = 0; i < data.length; i += 4) const r = data[i]; const g = data[i+1]; const b = data[i+2]; // detect rough skin tones (orange/brown range) & smooth if (r > 80 && r < 220 && g > 50 && g < 180 && b > 40 && b < 150) // reduce contrast / slight brighten data[i] = Math.min(255, r + 12); data[i+1] = Math.min(255, g + 8); data[i+2] = Math.min(255, b + 6); ctx.putImageData(imageData, 0, 0); break; case 'Blemish Remover': // simulate spot removal: soften small dark spots for (let i = 0; i < data.length; i += 4) let r = data[i], g = data[i+1], b = data[i+2]; const brightness = (r+g+b)/3; if (brightness < 100 && r < 120 && g < 100 && b < 90) data[i] = Math.min(255, r + 35); data[i+1] = Math.min(255, g + 30); data[i+2] = Math.min(255, b + 25); ctx.putImageData(imageData, 0, 0); break; case 'Teeth Whitening': // find near-white/yellowish regions and make whiter for (let i = 0; i < data.length; i += 4) let r = data[i], g = data[i+1], b = data[i+2]; if (r > 180 && g > 160 && b > 100 && r < 240 && g < 220) data[i] = Math.min(255, r + 35); data[i+1] = Math.min(255, g + 30); data[i+2] = Math.min(255, b + 20); ctx.putImageData(imageData, 0, 0); break; case 'Eye Enhance': // increase contrast & sharpness around eye area (simulate) for (let i = 0; i < data.length; i += 4) let r = data[i], g = data[i+1], b = data[i+2]; if ((r < 100 && g < 90 && b < 85) ctx.putImageData(imageData, 0, 0); break; default: break; const modifiedDataURL = canvas