Overview
Learn to implement facial landmark detection and tracking in this 32-minute video tutorial exploring the FaceMesh model with ml5.js. Master tracking 468 face landmark positions and texture mapping images onto triangular meshes using UV coordinates. Follow along with hands-on demonstrations covering technical model background, keypoint detection, facial mesh rendering, bounding box implementation, triangle visualization, UV coordinate texture mapping, and 3D face mesh applications. Access multiple interactive p5.js web editor sketches to practice concepts like keypoint tracking, facial feature isolation, centered face positioning, triangle mesh creation, texture mapping, and creative effects like bubble blowing and face distortion. Explore practical applications through provided code examples and related projects while building a strong foundation in facial detection and tracking for interactive web applications.
Syllabus
Introduction
Technical background for the model
Related projects and inspiration.
Adapting handpose example to facemesh.
Keypoints and parts of the facemesh.
Face bounding box.
What is a mesh? Rendering the triangles
Texturing mapping with UV coordinates
FaceMesh in 3D
Goodbye!
Taught by
The Coding Train