P5 and faceApi Cartoon Overlay

Video meetings can be a bit stiff — so why not throw in some cartoon chaos? This project uses p5.js and face-api.js to overlay cartoon elements like hats, glasses, and mustaches onto faces detected in real-time during meeting videos. It leverages live face detection to dynamically position and scale the cartoon overlays as you move around.

The application processes each video frame, identifies facial landmarks, and applies the cartoon elements accordingly — creating a fun, engaging visual effect that brings a little personality to any online meeting or video stream.