Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Face Mesh Detection and Texture Mapping with ML5.js

Coding Train via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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

Reviews

Start your review of Face Mesh Detection and Texture Mapping with ML5.js

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.