— side project
Photobooth
Prends une photo avec ta caméra, applique un filtre, et obtiens un polaroid prêt à enregistrer, partager ou envoyer par mail.
Tout se passe dans ton navigateur — aucune photo n'est envoyée sur un serveur. Le partage utilise le menu natif de ton appareil.
— case study
Sous le capot
Le vrai défi n'était pas de prendre une photo, mais de rendre un filtre pixel art fluide en direct sur le flux vidéo, sans faire chauffer le CPU à recalculer chaque pixel en JavaScript.
La solution : dessiner l'image sur un tout petit canvas caché, puis la redessiner en grand avec imageSmoothingEnabled à false — le navigateur fait l'agrandissement "au plus proche voisin" nativement, sans coût de calcul supplémentaire.
- Prévisualisation pixelisée en temps réel via une double étape de canvas, synchronisée avec requestAnimationFrame.
- Rendu final composé sur un canvas de travail : photo, cadre polaroid et légende manuscrite (police Caveat).
- Partage natif via la Web Share API, avec repli sur le téléchargement ou l'envoi par email.